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

資訊專欄INFORMATION COLUMN

JS中創(chuàng)建對(duì)象的幾種設(shè)計(jì)模式

Galence / 2929人閱讀

摘要：構(gòu)造函數(shù)模式定義構(gòu)造函數(shù)模式是語言創(chuàng)建對(duì)象的通用方式。但兩種語言用構(gòu)造函數(shù)創(chuàng)建對(duì)象的方式略有不同在中沒有類的概念，函數(shù)即為一等公民，因此，不必顯式聲明某個(gè)類，直接創(chuàng)建構(gòu)造函數(shù)即可，類的方法和屬性在構(gòu)造函數(shù)中或原型對(duì)象上處理。

工廠模式

定義：工廠模式非常直觀，將創(chuàng)建對(duì)象的過程抽象為一個(gè)函數(shù)，用函數(shù)封裝以特定接口創(chuàng)建對(duì)象的細(xì)節(jié)。通俗地講，工廠模式就是將創(chuàng)建對(duì)象的語句放在一個(gè)函數(shù)里，通過傳入?yún)?shù)來創(chuàng)建特定對(duì)象，最后返回創(chuàng)建的對(duì)象。

缺陷：工廠模式雖然可以創(chuàng)建多個(gè)相似的對(duì)象，但卻不能解決對(duì)象標(biāo)識(shí)的問題，即怎樣知道一個(gè)對(duì)象的類型（如下，我只知道s1是Object--萬物皆對(duì)象，但我并不知道s1到底是Student類型還是Person類型？就好像是一個(gè)孤兒一樣，只能知道他是個(gè)人，但不知道他是哪家人。。。）

function createStudent(name,sex,grade){                                                         
    var o = new Object();
    o.name = name;
    o.sex = sex;
    o.grade = grade;

    o.sayName = function(){
        console.log(this.name);
    }
    return o;
}
var s1 = createStudent("Claiyre","famale",1);
構(gòu)造函數(shù)模式

定義：構(gòu)造函數(shù)模式是java語言創(chuàng)建對(duì)象的通用方式。（但兩種語言用構(gòu)造函數(shù)創(chuàng)建對(duì)象的方式略有不同）

在JavaScript中沒有類的概念，函數(shù)即為一等公民，因此，不必顯式聲明某個(gè)類，直接創(chuàng)建構(gòu)造函數(shù)即可，類的方法和屬性在構(gòu)造函數(shù)中（或原型對(duì)象上）處理。

function Student(name,sex,grade){                                                   
    this.name = name;
    this.sex = sex;
    this.grade = grade;
    this.sayName = function(){
        console.log(this.name);
    }
}
var s2 = new Student("孫悟空","male",2);

注意：構(gòu)造函數(shù)的函數(shù)名首字母是大寫的，而普通函數(shù)首字母則是小寫，這是眾多OO語言約定俗成的規(guī)定，雖然大多數(shù)情況下不大寫也不會(huì)報(bào)錯(cuò)，但是為了代碼的規(guī)范性和可讀性，還是應(yīng)該將構(gòu)造函數(shù)的首字母大寫，與普通函數(shù)區(qū)別開。

優(yōu)勢：與工廠模式相比，用構(gòu)造模式創(chuàng)建對(duì)象有以下幾點(diǎn)不同：

沒有顯示地創(chuàng)建對(duì)象


直接將屬性和方法賦給this對(duì)象


沒有return語句

缺陷：每個(gè)方法都要在每個(gè)實(shí)例上創(chuàng)建一遍：在ECMAScript中，函數(shù)即對(duì)象，因此每定義一個(gè)函數(shù)，也就是實(shí)例化了一個(gè)對(duì)象。通過構(gòu)造函數(shù)實(shí)例化的多個(gè)對(duì)象的方法，是多個(gè)不同的方法，但它們內(nèi)部的代碼以及實(shí)現(xiàn)的功能是相同的，這就造成了一定的資源浪費(fèi)。

原型模式

定義：js中，每個(gè)函數(shù)都有一個(gè)prototype屬性，它指向一個(gè)對(duì)象，叫做原型對(duì)象，原型對(duì)象包含了可以由特定類型的所有實(shí)例對(duì)象共享的屬性和方法。此外，這個(gè)對(duì)象有一個(gè)與生自來的屬性constructor，指向創(chuàng)建對(duì)象的構(gòu)造方法。使用原型模式可以讓所有的實(shí)例共享原型對(duì)象中的屬性和方法，也就是說，不必再構(gòu)造函數(shù)中定義對(duì)象實(shí)例的信息。

function Student_1(){

}
Student_1.prototype.name = "Claiyre";
Student_1.prototype.sex = "female";
Student_1.prototype.class = 5;
Student_1.prototype.sayName = function (){
    console.log(this.name);
}

var s5 = new Student_1();                                                         
s5.sayName();    //Claiyre
var s6 = new Student_1();
s6.sayName();    //Claiyre

引申知識(shí)點(diǎn)：


Object.getPrototypeOf(object)方法返回參數(shù)對(duì)象的原型對(duì)象。



Object.keys(object)方法返回對(duì)象上枚舉的實(shí)例屬性。

缺陷：原型中的所有屬性都是被所有實(shí)例所共享的，這種共享對(duì)于函數(shù)來說非常合適，對(duì)于包含基本值的屬性也說的過去（實(shí)例屬性會(huì)覆蓋原型同名屬性），但對(duì)于那些包含引用類型的屬性，可有大麻煩了:

Student_1.prototype.friends = ["aa","bb"];

console.log("s6的朋友" + s6.friends); // s6的朋友a(bǔ)a,bb
s5.friends.push("cc");
console.log("s5的朋友" + s5.friends); // s5的朋友a(bǔ)a,bb,cc
console.log("s6的朋友" + s6.friends); // s6的朋友a(bǔ)a,bb,cc
// 我們只想改變s5的朋友列表，但由于原型模式的共享本質(zhì)，s6的朋友列表也隨之改變了
組合使用構(gòu)造函數(shù)和原型模式

定義：構(gòu)造函數(shù)模式用于定義實(shí)例屬性，原型模式則用于定義方法和共享的屬性。這種混合模式不僅支持向構(gòu)造函數(shù)傳入?yún)?shù)，還最大限度地節(jié)約了內(nèi)存，可謂是集兩模式之長。

 function Student(name,sex,grade){                                                   
    this.name = name;
    this.sex = sex;
    this.grade = grade;
}

Student.prototype.sayName = function(){
        console.log(this.name);
}
Student.prototype.school = "Joooh school";
其他模式 
除了以上幾種常見的模式外，批量創(chuàng)建對(duì)象的方式還有



動(dòng)態(tài)原型模式：僅在第一次調(diào)用構(gòu)造函數(shù)時(shí)，將方法賦給原型對(duì)象的相應(yīng)屬性，其他示例的處理方式同構(gòu)造函數(shù)模式


寄生構(gòu)造函數(shù)模式：僅僅封裝創(chuàng)建對(duì)象的代碼，然后再返回新創(chuàng)建的對(duì)象，仍使用new操作符調(diào)用


穩(wěn)妥構(gòu)造函數(shù)模式：沒有公共屬性，只有私有變量和方法，以及一些get/set方法，用以處理私有變量

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

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

相關(guān)文章

  • 在Js中創(chuàng)建對(duì)象的幾種方式

    摘要：對(duì)象字面量的方式今年創(chuàng)建實(shí)例的發(fā)明者我是今年屬性是可以動(dòng)態(tài)添加，修改的構(gòu)造函數(shù)無參構(gòu)造函數(shù)有參構(gòu)造函數(shù)我叫，今年歲實(shí)例化創(chuàng)建對(duì)象調(diào)用方法由于指針在對(duì)象實(shí)例的時(shí)候發(fā)生改變指向新的實(shí)例。是我的名字混合方式構(gòu)造函數(shù)原型我是，今年 javascript創(chuàng)建對(duì)象簡單的說,無非就是使用內(nèi)置對(duì)象或各種自定義對(duì)象，當(dāng)然還可以用JSON；方法很多，也能混合使用。 對(duì)象字面量的方式： var pers...

    willin 評(píng)論0 收藏0

  • JS中創(chuàng)建函數(shù)的幾種方式

    使用 函數(shù)聲明 創(chuàng)建函數(shù) 語法： * function 函數(shù)名([形參1,形參2...形參N]){ * 語句... * } */ function fun2(){ console.log(這是我的第二個(gè)函數(shù)~~...

    Joyven 評(píng)論0 收藏0

  • js 創(chuàng)建對(duì)象的幾種方式

    摘要：可以無數(shù)次地調(diào)用這個(gè)函數(shù)，而每次它都會(huì)返回一個(gè)包含三個(gè)屬性一個(gè)方法的對(duì)象構(gòu)造函數(shù)模式原型模式組合使用構(gòu)造函數(shù)模式和原型模式創(chuàng)建自定義類型的最常見方式，就是組合使用構(gòu)造函數(shù)模式與原型模式。 JS中創(chuàng)建對(duì)象的主要模式有 工廠模式 工廠模式抽象了具體創(chuàng)建對(duì)象的過程例如 function?createPerson(name,?age,?job){ ????var?o?=?new?Object(...

    seanlook 評(píng)論0 收藏0

  • 文件上傳的幾種方法——webuploader篇

    摘要：本來想把這幾種方法放在同一篇寫的，寫完，已經(jīng)很長了，想想還是分開的比較好。是由團(tuán)隊(duì)開發(fā)的一個(gè)簡單的以為主為輔的現(xiàn)代文件上傳組件。因?yàn)槭牵湍弥膩碛靡幌逻x擇文件的按鈕。也可以重寫上傳事件。如果不自動(dòng)上傳的話，可以通過觸發(fā)。 本來想把這幾種方法放在同一篇寫的，寫完xhr，已經(jīng)很長了，想想還是分開的比較好。webuploader是由Baidu WebFE(FEX)團(tuán)隊(duì)開發(fā)的一個(gè)簡單的以HT...

    Amos 評(píng)論0 收藏0

  • 判斷是否是數(shù)組的幾種方法— (js基礎(chǔ)復(fù)習(xí)第1期)

    摘要：如果網(wǎng)頁中包含多個(gè)框架，那實(shí)際上就存在兩個(gè)以上不同的全局執(zhí)行環(huán)境，從而存在兩個(gè)以上不同版本的構(gòu)造函數(shù)。如果你從一個(gè)框架向另一個(gè)框架傳入一個(gè)數(shù)組，那么傳入的數(shù)組與在第二個(gè)框架中原生創(chuàng)建的數(shù)組分別具有各自不同的構(gòu)造函數(shù)。 1. 首先，typeof肯定是不行的 對(duì)于一些基本類型，typeof是可以判斷出數(shù)據(jù)類型，但是判斷一些引用類型時(shí)候，不能具體到具體哪一種類型 再來復(fù)習(xí)一下typeof的...

    supernavy 評(píng)論0 收藏0

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<