javascript对象创建方式

时间：2022-05-31 17:04:24

工厂模式

在ECMAscript中无法创建类,所以开发人员就发明了一种函数,用函数来封装,以特定接口创建对象的细节,如下面的例子所示:
function createPerson(name,age,job){

  var temp=new Object();

  temp.name=name;

  temp.age=age;

  temp.job=job;

  temp.sayName=function(){

    alert(this.name);

  }

  return temp;

}

var person1=createPerson("Nick",20,"student");

var person2=createPerson("Lucy",24,"Doctor");

person1.sayName();//Nick

person2.sayName();//Lucy

person1==person2;//false

函数CreatePerson能够根据接受的参数来构建一个Person对象.我们可以无数次的调用这个函数,而每次它返回一个包括三个属性一个方法的对象.

构造函数模式

ECMAScript中的构造函数可用来创建特定类型的对象.我们可以创建自定义的构造函数,从而定义自定义对象对象类型的属性和方法,如下面的例子所示:
function Person(name,age,job){

  this.name=name;

  this.age=age;

  this.job=job;

  this.sayName=function(){

   alert(this.name);

  };

}

var person1=new Person("Nick",20,"Student");

var person2=new Person("Lucy",22,"Doctor");

person1.sayName();//Nick

person2.sayName();//Lucy

person1==person2;//false

我么可以看到,Person()中的代码并没有显示地创建对象,而是直接将属性和方法赋给了this对象.要创建Person的实例,必须使用new操作符,以调用构造函数的方式创建对象实际上经历以下4个步骤:

  1. 创建一个新对象；
  2. 将构造函数的作用域赋给新对象(此时this就指向了这个新对象);
  3. 执行构造函数里面的代码(为这个新对象添加属性和方法)；
  4. 返回新对象

在上面的代码中可以看到,person1和person2分别保存着Person的不同实例,这两个对象都有一个constructor(构造函数)属性,该属性指向Person,如下面所示:

person1.constructor==Person;//true

person2.constructor==Person;//true

原型模式

我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法.使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法.换句话说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象当中,如下面的例子所示: 
"use strict"//执行严格模式

function Person(){

}

Person.prototype.name="Nick";

Person.prototype.age="24";

Person.prototype.job="student";

Person.prototype.sayName=function(){

 alert(this.name);

}

var person1=new Person();

var person2=new Person();

person1.sayName();//Nick

person2.sayName();//Nick

person1==person2;//false

person1.sayName==person2.sayName;//true

我们将sayName()方法和所有属性都直接添加到了Person的prototype属性中,构造函数变成了空函数.但与构造函数模式不同的是,新对象的这些属性和方法是由所有实例共享的.换句话说,person1和person2访问的都是同一组属性和同一个sayName()函数.

相关文章