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

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

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

1、工廠模式

沒(méi)有解決對(duì)象識(shí)別的問(wèn)題（即怎樣知道一個(gè)對(duì)象的類(lèi)型）

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ù)的主要問(wèn)題，就是每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍。通過(guò)把函數(shù)定義轉(zhuǎn)移到構(gòu)造函數(shù)外部來(lái)解決這個(gè)問(wèn)題

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");

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

3、原型模式

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

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)建自定義類(lèi)型的最常見(jiàn)方式就是組合使用構(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)原型模式

通過(guò)檢查某個(gè)應(yīng)該存在的方法是否有效來(lái)決定是否需要初始化原型；
注意：使用動(dòng)態(tài)原型模式時(shí)，不能使用對(duì)象字面量重寫(xiě)原型。如果在已經(jīng)創(chuàng)建了實(shí)例的情況下重寫(xiě)原型，那么就會(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)建對(duì)象的代碼，然后再返回新創(chuàng)建的對(duì)象；
除了使用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ù)類(lèi)似的模式，但有兩點(diǎn)不同：
（1）新創(chuàng)建對(duì)象的實(shí)例方法不引用this；
（2）不使用new操作符調(diào)用構(gòu)造函數(shù)。

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

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

GPU云服務(wù)器云服務(wù)器 js 創(chuàng)建對(duì)象安全模式深度學(xué)習(xí)的7種 java創(chuàng)建對(duì)象的幾種方式 linux 6種模式

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/105958.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

Render

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

力扣周結(jié)03

閱讀 1118·2021-11-23 09:51
CloudCone：黑色星期五預(yù)售促銷(xiāo)，洛杉磯MC機(jī)房大硬盤(pán)KVM VPS年付$14.2起

閱讀 1082·2021-10-18 13:31
認(rèn)證常用主機(jī)什么意思-ps4怎么認(rèn)證為常用主機(jī)？

閱讀 2991·2021-09-22 16:06
微軟全新Windows Server 2022正式發(fā)布，附鏡像免費(fèi)下載地址

閱讀 4284·2021-09-10 11:19
10.24開(kāi)發(fā)者狂歡節(jié)，這里有一波福（現(xiàn)）利（金）送（紅）你（包）

閱讀 2207·2019-08-29 17:04
$q 實(shí)例分析 Angular 中的 Promise

閱讀 437·2019-08-29 10:55
UCloud管理外網(wǎng)彈性IP

閱讀 2485·2019-08-26 16:37
一篇文章讓你學(xué)會(huì)如何選擇 JS HTTP 請(qǐng)求庫(kù)

閱讀 3381·2019-08-26 13:29

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

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

相關(guān)文章

JS學(xué)習(xí)筆記（第6章）（實(shí)現(xiàn)繼承的幾種方式）

JS學(xué)習(xí)筆記（第7章）（函數(shù)表達(dá)式）

JS學(xué)習(xí)筆記（第5章）（String類(lèi)型）

**JS學(xué)習(xí)筆記（第6章）（面向對(duì)象之繼承——JS繼承的六大方式）**

《JavaScript語(yǔ)言精粹修訂版》讀書(shū)筆記

發(fā)表評(píng)論

0條評(píng)論

Render

男|高級(jí)講師

TA的文章

力扣周結(jié)03

CloudCone：黑色星期五預(yù)售促銷(xiāo)，洛杉磯MC機(jī)房大硬盤(pán)KVM VPS年付$14.2起

認(rèn)證常用主機(jī)什么意思-ps4怎么認(rèn)證為常用主機(jī)？

微軟全新Windows Server 2022正式發(fā)布，附鏡像免費(fèi)下載地址

10.24開(kāi)發(fā)者狂歡節(jié)，這里有一波福（現(xiàn)）利（金）送（紅）你（包）

$q 實(shí)例分析 Angular 中的 Promise

UCloud管理外網(wǎng)彈性IP

一篇文章讓你學(xué)會(huì)如何選擇 JS HTTP 請(qǐng)求庫(kù)

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

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

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！