欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【20190220】JavaScript-知识点理解:对象创建方式、原型、闭包

程序员文章站 2022-04-09 18:52:32
一、对象创建方式 1. 工厂模式 这种模式抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节。存在的问题是无法通过 instanceof 识别一个对象的类型。 2. 构造函数模式 创建自定义的构造函数,从而定义自定义对象类型的属性和方法。利用构造函数模式创建实例对象时,必须使用new操作 ......

一、对象创建方式

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识别对象类型。建议在可以使用其他模式的情况下不要使用这种模式。

 

7. 稳妥构造函数模式

稳妥对象指的是没有公共属性,而且其方法也不引用this的对象,它适合在一些安全的环境中(这些环境中会禁止使用this和new),或者在防止数据被其他应用程序改动时使用。稳妥构造函数与寄生构造函数有类似的模式,但有两点不同:一是新创建对象的实例方法不引用this;二是不使用new操作符调用构造函数。

 

二、闭包

闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式就是在一个函数内部创建另一个函数,应用的两种情况是:一是函数作为返回值;二是函数作为参数传递。

由于在另一个函数内部定义的函数会将外部函数的活动对象添加到它的作用域链中,因此即使当外部函数返回后,其执行环境的作用域链会被销毁,但它的活动对象仍然留在内存中,因为在其内部定义的函数仍然在引用它。

直到内部函数被销毁后,外部函数的活动对象才会被销毁。所以使用闭包会增加内存开销。