JS學(xué)習(xí)筆記（第6章）（創(chuàng)建對象的7種模式）

Render 發(fā)布于2019-08-26 10:18 / 2098人閱讀

摘要：工廠模式?jīng)]有解決對象識別的問題即怎樣知道一個(gè)對象的類型構(gòu)造函數(shù)模式使用構(gòu)造函數(shù)的主要問題，就是每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍。創(chuàng)建要返回的對象可以在這里定義私有變量和函數(shù)添加函數(shù)注意寄生構(gòu)造函數(shù)中是返回對象注意寄生構(gòu)造函數(shù)中是

1、工廠模式

沒有解決對象識別的問題（即怎樣知道一個(gè)對象的類型）

function createPerson(name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function() {
        alert(this.name);
    };
    return o;
}
var person1 = createPerson("Nicholas",29,"Software Engineer");

2、構(gòu)造函數(shù)模式

使用構(gòu)造函數(shù)的主要問題，就是每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍。通過把函數(shù)定義轉(zhuǎn)移到構(gòu)造函數(shù)外部來解決這個(gè)問題

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, "Software Engineer");
//把函數(shù)定義轉(zhuǎn)移到構(gòu)造函數(shù)外部
function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = sayName;
}
function sayName(){
    alert(this.name);
}
var person1 = new Person("Nicholas", 29, "Software Engineer");

如果對象需要定義很多方法，那么就要定義很多個(gè)全局函數(shù)，于是我們這個(gè)自定義的引用類型就絲毫沒有封裝性可言了。

3、原型模式

原型對象的好處是可以讓所有對象實(shí)例共享它所包含的屬性和方法；
原型模式最大的問題是由其共享的本性導(dǎo)致的：對于那些包含基本值的屬性可以通過在實(shí)例上添加一個(gè)同名屬性，可以隱藏原型中的對應(yīng)屬性，但是對于包含引用類型值的屬性來說，問題就很突出了。

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

4、組合使用構(gòu)造函數(shù)模式和原型模式

創(chuàng)建自定義類型的最常見方式就是組合使用構(gòu)造函數(shù)模式與原型模式；
構(gòu)造函數(shù)模式用于定義實(shí)例屬性，而原型模式用于定義方法和共享的屬性。

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends = ["Shelby", "Court"];
}

Person.prototype = {
    constructor : Person,
    sayName : function() {
        alert(this.name);
    }
}
var person1 = new Person("Nicholas",29,"Software Engineer");

5、動(dòng)態(tài)原型模式

通過檢查某個(gè)應(yīng)該存在的方法是否有效來決定是否需要初始化原型；
注意：使用動(dòng)態(tài)原型模式時(shí)，不能使用對象字面量重寫原型。如果在已經(jīng)創(chuàng)建了實(shí)例的情況下重寫原型，那么就會(huì)切斷現(xiàn)有實(shí)例與新原型之間的聯(lián)系；

function Person(name, age, job) {
    this.name = name;
    this.aghe = age;
    this.job = job;
    if(typeof  this.sayName !="function") {
        Person.prototype.sayName = function(){
            alert(this.name);
        };
    }
}
var friend = new Person("Nicholas",29,"Software Engineer");

6、寄生構(gòu)造函數(shù)模式

封裝創(chuàng)建對象的代碼，然后再返回新創(chuàng)建的對象；
除了使用new操作符并把使用的包裝函數(shù)叫做構(gòu)造函數(shù)之外，這個(gè)模式和工廠模式其實(shí)是一模一樣的

function Person (name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function() {
        alert(this.name);
    };
    return o;
}
var friend = new Person("Nicholas", 29, "Software Engineer");

7、穩(wěn)妥構(gòu)造函數(shù)模式

穩(wěn)妥構(gòu)造函數(shù)遵循與寄生構(gòu)造函數(shù)類似的模式，但有兩點(diǎn)不同：
（1）新創(chuàng)建對象的實(shí)例方法不引用this；
（2）不使用new操作符調(diào)用構(gòu)造函數(shù)。

function Person(name, age, job) {
    var o = new Object();  //創(chuàng)建要返回的對象
    //可以在這里定義私有變量和函數(shù)
    o.name = name;
    o.age = age;
    o.job= job;

    //添加函數(shù)
    o.sayName = function() {
        alert(name);      //注意寄生構(gòu)造函數(shù)中是alert（this.name）
    };
    //返回對象
    return o;
}
//注意寄生構(gòu)造函數(shù)中是var friend = newPerson("Nicholas", 29, "Software Engineer"); 
var friend = Person("Nicholas", 29, "Software Engineer");  
friend.sayName();  //"Nicholas"