JavaScript设计模式之原型模式分析【ES5与ES6】
本文实例讲述了JavaScript设计模式之原型模式。分享给大家供大家参考，具体如下：
从设计模式的角度讲，原型模式是用于创建对象的一种模式，若需要创建一个对象，一种方法是先指定其类型，然后通过类来创建这个对象，另一种方法是通过原型来创建，不必关心对象的具体类型，而是找到一个对象，然后通过克隆来创建一个一模一样的对象。
ES5提供了Object.create(obj)方法来克隆对象，在不支持Object.create(obj)方法的浏览器中，可以使用以下代码：
Object.create=Object.create||function(obj){
functionFunc(){};
Func.prototype=obj;
returnnewFunc();
}
一、JavaScript中的原型继承：
1.大部分的数据都是对象；
JavaScript有两种类型机制：基本类型和对象类型。基本类型包括undefined、number、boolean、string、function、object。
JavaScript设计者的本意在于，除了undefined，一切都应该是对象，为了实现这一目标，number、boolean、string这几种基本数据类型通过对应的包装类Number、Boolean、String来变成对象类型数据。
JavaScript中的根对象是Object.prototype对象，Object.prototype对象是一个空的对象。JavaScript的每个对象，实际上都是从Object.prototype对象克隆而来的，Object.prototype对象就是它们的原型。
ES5提供了getPrototypeOf来查看对象的原型，Object.getPrototypeOf(任何对象)==Object.prototype都会返回true。
2.要得到一个对象，不是通过实例化类，而是找到一个对象作为原型并克隆它；
JavaScript没有类的概念，new运算符后面的不是类，而是构造器。当使用new运算符来创建对象时，实际上也是先克隆Object.prototype对象，再进行一些额外操作的过程。
3.对象会记住它的原型；
其实不能说对象有原型，而只能说对象的构造器有原型。JavaScript给对象提供了一个名为__proto__属性，默认指向它的构造器的原型，__proto__属性是对象与构造器的原型联系起来的纽带，如：person.__proto__==Person.prototype。
4.若对象无法响应某个请求，它会把该请求委托给它自己的原型。
这是原型继承的精髓，当一个对象无法响应某个请求时，会顺着原型链把请求传递下去，直到遇到一个可以处理该请求的对象为止。但是，原型链并不是无限长的，只会查找到Object.prototype对象为止，由于Object.prototype的原型是null，因此请求无法找到可以处理的对象，返回undefined。
二、原型继承的未来
使用Object.create来实现原型继承似乎更能体现原型模式的精髓，但是，通过Object.create创建对象的效率并不高，通常要比通过构造函数创建对象慢。
ES6带来了新的Class语法，这让JavaScript看起来像是一门基于类的语言，但背后仍然是通过原型机制来创建对象。
classPerson{
constuctor(name){
this.name=name;
}
getName(){
returnthis.name;
}
}
classStudentextendsPerson{
constuctor(name){
super(name);
}
sayHello(){
alert(“Hello”);
}
}
varstudent=newStudent(“Alice”);
student.sayHello();
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。