快捷導(dǎo)航

javascript創(chuàng)建對(duì)象的幾種模式介紹

更新時(shí)間：2016年05月06日 15:24:33 投稿：jingxian

下面小編就為大家?guī)硪黄猨avascript創(chuàng)建對(duì)象的幾種模式介紹。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考

在js中有幾種模式可以創(chuàng)建對(duì)象，通過對(duì)象操作所包含的屬性與方法。

一般來說，構(gòu)造函數(shù)名稱的第一個(gè)字母為大寫字母，非構(gòu)造函數(shù)名稱的第一個(gè)字母為小寫字母，當(dāng)然，構(gòu)造函數(shù)與一般函數(shù)唯一的區(qū)別只是調(diào)用的方式不同而已，所以任何函數(shù)只要通過new來調(diào)用，那它就可以作為構(gòu)造函數(shù)，若不通過new來調(diào)用，則與一般函數(shù)一樣。

談?wù)勎覍?duì)這幾種模式的理解：

工廠模式：創(chuàng)建一個(gè)一般函數(shù)，在函數(shù)里創(chuàng)建一個(gè)Object對(duì)象，為這個(gè)對(duì)象增添屬性與方法，同時(shí)賦予其值，最后返回對(duì)象。無法識(shí)別對(duì)象類型。

構(gòu)造函數(shù)模式：創(chuàng)建構(gòu)造函數(shù)，使用this來賦值，每當(dāng)創(chuàng)建一個(gè)實(shí)例時(shí)，方法都被創(chuàng)建一次，而每個(gè)方法都執(zhí)行相同的命令，這就多余了。這個(gè)缺點(diǎn)可以通過將方法放到全局環(huán)境中，但是，這樣就沒有封裝性了。不過可以通過原型模式解決。

原型模式：每個(gè)函數(shù)都有一個(gè)prototype屬性，該屬性是一個(gè)指針，指向一個(gè)對(duì)象，該對(duì)象包含其函數(shù)創(chuàng)建的所有實(shí)例共享的屬性與方法。

原型對(duì)象，構(gòu)造函數(shù)以及實(shí)例之間的關(guān)系如下圖：

圖解：1：構(gòu)造函數(shù)以及由構(gòu)造函數(shù)創(chuàng)建的實(shí)例，它們的prototype屬性都指向構(gòu)造函數(shù)的原型對(duì)象。

2：構(gòu)造函數(shù)的原型對(duì)象具有constructor屬性，該屬性指向構(gòu)造函數(shù)。

3：構(gòu)造函數(shù)的原型對(duì)象所包含的所有屬性與方法可以被由構(gòu)造函數(shù)所創(chuàng)建的所有實(shí)例共享。

使用對(duì)象字面量重寫原型對(duì)象后，constructor則指向object構(gòu)造函數(shù)，若需要其指向另一構(gòu)造函數(shù)，則需修改原型對(duì)象的constructor屬性的值，比如：constructor：Person，這樣Person的原型對(duì)象即使被重寫，原型對(duì)象的constructor仍指向Person構(gòu)造函數(shù)。

當(dāng)先創(chuàng)建實(shí)例時(shí)：若是直接添加屬性或方法，實(shí)例可以訪問。

若是重寫原型對(duì)象，則構(gòu)造函數(shù)的prototype指向新的原型對(duì)象，而之前創(chuàng)建的實(shí)例的prototype仍指向最初的原型對(duì)象，所以實(shí)例訪問不到新的原型對(duì)象的新屬性或和新方法。

原型對(duì)象包含的是共享的屬性與方法，那么每個(gè)實(shí)例都擁有這些信息，這樣實(shí)例之間就沒有什么不同了，而且還不可以傳參數(shù)，這不是我們所想要的。每個(gè)實(shí)例之間有共同的信息，又有不同的信息，所以我們可以組合使用構(gòu)造函數(shù)模式與原型模式。

構(gòu)造函數(shù)模式與原型模式的組合使用：