对象创建的方法二之------构造函数模式

朴灿烈づ我的快乐病毒、 2022-06-10 02:57 148阅读 0赞

1.代码

function Person(name,age,job){
    
     this.name = name;
    
     this.age = age;
    
     this.job = job;
    
    this.sayName = function(){
    
     alert(this.name);
    
    }
    
    }
    
    var person1 = new Person("Nicholas",29,"Saftware Engineer");
    
    var person2 = new Person("Greg",27,"Doctor");
    
    person1.sayName();//"Nicholas"
    
    person2.sayName();//"Greg"

2. 与工厂方法比：

① 没有显示创建对象 ，如：var o = new Object();

② 直接将属性和方法赋给了this对象 //

③ 没有return语句。//return o;

3. new操作符 调用构造函数实际经历了以下4个步骤：

① 创建一个新对象

② 将构造函数的作用域赋给新对象（因此this就指向了这个新对象）；

③执行构造函数中的代码（为这个新对象添加属性）

④ 返回新对象

4. person1和person2对象都有一个属性constructor，该属性指向Person.如：

alert(person1.constructor == Person)//true

5. 但检测对象类型，还是instanceof操作符更可靠一些，person1和person2即是Object的实例，又是Person的实例

alert(person1 instanceof Object);//true
    
    alert(person1 instanceof Person);true

创建自定义的构造函数以为着将来可以将他的实例标识为一种特定的类型；这正是构造函数模式胜过工厂模式的地方。

将构造函数当做函数

构造函数与其他函数的唯一区别，就在于调用它的方式不同；但构造函数也可以像其他函数一样被调用，且作用和其他函数一样。

//当做构造函数使用
    
    var person = new Person("Greg",27,"Doctor");
    
    person.sayName();//Greg
    
    //当做普通函数调用
    
    Person("Greg",27,"Doctor");//添加到window
    
    window.sayName();//Greg
    
    //在另一个对象的作用域总调用
    
    var o = new Object();
    
    Person.call(o,"Greg",27,"Doctor");
    
    o.sayName();//Greg

解释：①：不使用new操作符调用Person()会将属性和方法添加给window对象。

②：也可以使用call()（或apply()）在某个特殊对象的作用域中调用Person()函数。调用后o就拥有了多有的属性和sayName()方法

构造函数的问题

主要问题：就是每个方法都要再每个实例上重新创建一遍。即person1和person2都有一个名为sayName()的方法，单那两个方法不会死同一个Function实例。因此构造

方法也可以这样写：

function Person(name,age,job){
    
     this.name=  name;
    
     this.age = age;
    
     this.job = job;
    
     this.sayName = new Function("alert(this.name)");//与声明函数在逻辑上时等价的
    
    }

下面的代码可以证明这点：

person1 . sayName  == person2.sayName ;//false

然而，创建两个完成同样任务的Function实例的确没有必要；况且有this对象在，根本不用在执行代码钱就把函数绑定在特定对象上面。

可以通过函数定义转移到构造函数外部来解决这个问题：

function Person(name,age,job){
    
    this.name = name;
    
    this.age = age;
    
    this.job = job;
    
    this.sayName = sayName;
    
    }
    
    function sayName(){
    
     alert(this.name);
    
    }

alert(person1.sayName == person2.sayName);//ture

这样做的新问题：

在全局作用域中定义的函数实际上只能被某个对象调用，这让全局作用域有点名不副实。且无封装性可言。

可通过原型来解决这个问题。

原型模式（prototype）：

我们创建的每个函数都有一个prototype属性，这个属性是一个对象，他的用途是包含可以由特定类型的所有实例共享的属性和方法。

那么prototype就是通过调用构造函数而创建的某个对象的原型对象。

使用原型的好处：让所有对象实例共享它所包含的属性和方法。也就是说，不必在构造函数总定义对象的信息，而是可以将这些信息添加到原型对象总。

例如：

function Person(){}
    
    Person.prototype.name = "Nicholas";
    
    Person.prototype.age = 29;
    
    Person.prototype.job = "Software Engineer";
    
    Person.prototype.sayName = functon(){
    
     alert(this.name);
    
    }
    
    var person1 = new Person();
    
    person1.sayName();//"Nicholas";
    
     
    
    var person2 = new Person();
    
    person2.sayName();//"Nicholas";
    
    alert(person1.sayName == person2.sayName);//true

要理解运行的工作原理，必须先理解ECMAScript中原型的性质。

1.理解原型

无论什么时候，只要创建一个新函数，就会根据一组特定的规则为该函数创建一个prototype属性。在默认i情况下，所有prototype属性都会自动获得

一个constructor属性，这个属性包含一个指向prototype属性所在函数的指针。就前面个例子：Person.prototype.constructor指向Person.而通过这个构造函数

我们还可继续添加其他属性和方法。

以前面使用Person构造函数和Person.prototype创建实例的代码为例，下图展示了各个对象间的关系：

![1340857666_1061.jpg][]

1部分：在Person构造函数中，默认只包含prototype属性。

2部分：prototype也是一个对象，包含可以由特定类型的所有实例共享的属性和方法

3和4部分：当调用构造函数创建一个实例后，该实例的内部将包含一个指针，该指针指向构造函数的原型属性。

可以通过isPrototypeOf()方法来确定对象之间是否存在这种关系。如果对象的\_proto\_指向调用isPrototypeOf()方法的对象(Person.prototype),那么就返回true.

Person.prototype.isPrototypeOf(person1);//true