javascript对象建立方式

工厂模式

在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()函数.
相关文章
相关标签/搜索