【20190220】JavaScript-知识点理解：对象创建方…

2019-02-21 06:39:31来源：博客园阅读 ()

一、对象创建方式

1. 工厂模式

这种模式抽象了创建具体对象的过程，用函数来封装以特定接口创建对象的细节。存在的问题是无法通过 instanceof 识别一个对象的类型。

 1 function createPerson(name,age,job){
 2     var o=new object();
 3     o.name=name;
 4     o.age=age;
 5     o.job=job;
 6     o.sayName=function(){
 7         alert(this.name);
 8     }
 9     return o;
10 }
11 
12 var person=createPerson("Greg","27","Doctor");

2. 构造函数模式

创建自定义的构造函数，从而定义自定义对象类型的属性和方法。利用构造函数模式创建实例对象时，必须使用new操作符，并可以通过 instanceof 检测到对象的自定义类型。

 1 function Person(name,age,job){
 2     this.name=name;
 3     this.age=age;
 4     this.job=job;
 5     this.sayName=function(){
 6         alert(this.name);
 7     }
 8 }
 9 
10 var person=new Person("Greg","27","Doctor");//1.创建一个新对象；2.将构造函数的作用域赋给新对象（this指向新对象）；3.执行构造函数中的代码；4.返回新对象

此时存在的问题是自定义对象中定义的方法都要在每个实例上重新创建一遍，也就是说不同实例上的同名函数是不相等的。虽然可以通过将函数定义转移到构造函数外来解决，这时每个实例中的函数引用的都是在全局作用域中定义的一个全局函数。但是这又带来了新的问题，就是当对象需要定义很多方法时，就需要定义很多个全局函数。

3. 原型模式

我们创建的每个函数都有一个prototype（原型）属性，它是一个指针，指向一个对象，即原型对象，原型对象可以让所有对象实例共享它所包含的属性和方法。存在的问题是所有实例在默认情况下都将取得相同的属性值。

 1 function Person(){
 2 }
 3 
 4 Person.prototype={
 5     constructor:Person,//这里实际上是重写了Person的原型对象，因此其constructor指向的是Object构造函数，此时通过instanceof能识别到特定类型，但其constructor已经无法确定对象类型了，因此可以重新将它设置回适当的值。
 6     name:"Nicholas",
 7     age:29,
 8     job:"Doctor",
 9     sayName:function(){
10         alert(this.name);
11     }
12 };
13 
14 var person=new Person();

4. 组合使用构造函数模式和原型模式

这是创建自定义类型的最常见方法，构造函数模式用于定义实例属性，原型模式用于定义方法和共享的属性。

 1 function Person(name,age,job){
 2     this.name=name;
 3     this.age=age;
 4     this.job=job;
 5     this.friends=["Shelby","Court"];
 6 }
 7 
 8 Person.prototype={
 9     constructor:Person,
10     sayName:function(){
11         alert(this.name);
12     }
13 }
14 
15 var person=new Person("Greg",27,"Doctor");

5. 动态原型模式

把所有信息都封装在构造函数中，通过在构造函数中初始化原型，保持了同时使用构造函数和原型的优点。也就是说可以通过检查某个应该存在的方法是否有效，来决定是否需要初始化原型。这时不能用对象字面量重写原型，如果在以及创建了实例的情况下重写原型，会切断现有实例与新原型之间的联系。

 1 function Person(name,age,job){
 2     this.name=name;
 3     this.age=age;
 4     this.job=job;
 5 
 6     if(typeof this.sayName != "function"){
 7         Person.prototype.sayName=function(){
 8             alert(this.name);
 9         }
10     }
11 }
12 
13 var person=new Person("Greg","27","Doctor");

6. 寄生构造函数模式

这种模式除了使用new操作符创建实例对象并把使用的包装函数称作构造函数之外，与工厂模式是一样的。这个模式可以在特殊情况下用来为对象创建构造函数，如想创建一个具有额外方法的特殊数组。但需要注意的是返回的对象与构造函数以及构造函数的原型属性之间没有关系，因此不能通过instanceof识别对象类型。建议在可以使用其他模式的情况下不要使用这种模式。