天天看點

JavaScript深入之建立對象的多種方式以及優缺點

這篇文章講解建立對象的各種方式,以及優缺點。

但是注意:

這篇文章更像是筆記,因為《JavaScript進階程式設計》寫得真是太好了!

缺點:對象無法識别,因為所有的執行個體都指向一個原型

優點:執行個體可以識别為一個特定的類型

缺點:每次建立執行個體時,每個方法都要被建立一次

優點:解決了每個方法都要被重新建立的問題

缺點:這叫啥封裝……

優點:方法不會重新建立

缺點:1. 所有的屬性和方法都共享 2. 不能初始化參數

優點:封裝性好了一點

缺點:重寫了原型,丢失了constructor屬性

優點:執行個體可以通過constructor屬性找到所屬構造函數

缺點:原型模式該有的缺點還是有

構造函數模式與原型模式雙劍合璧。

優點:該共享的共享,該私有的私有,使用最廣泛的方式

缺點:有的人就是希望全部都寫在一起,即更好的封裝性

注意:使用動态原型模式時,不能用對象字面量重寫原型

解釋下為什麼:

為了解釋這個問題,假設開始執行<code>var person1 = new Person('kevin')</code>。

如果對 new 和 apply 的底層執行過程不是很熟悉,可以閱讀底部相關連結中的文章。

我們回顧下 new 的實作步驟:

首先建立一個對象

然後将對象的原型指向 Person.prototype

然後 Person.apply(obj)

傳回這個對象

注意這個時候,回顧下 apply 的實作步驟,會執行 obj.Person 方法,這個時候就會執行 if 語句裡的内容,注意構造函數的 prototype 屬性指向了執行個體的原型,使用字面量方式直接覆寫 Person.prototype,并不會更改執行個體的原型的值,person1 依然是指向了以前的原型,而不是 Person.prototype。而之前的原型是沒有 getName 方法的,是以就報錯了!

如果你就是想用字面量方式寫代碼,可以嘗試下這種:

寄生構造函數模式,我個人認為應該這樣讀:

寄生-構造函數-模式,也就是說寄生在構造函數的一種方法。

也就是說打着構造函數的幌子挂羊頭賣狗肉,你看建立的執行個體使用 instanceof 都無法指向構造函數!

這樣方法可以在特殊情況下使用。比如我們想建立一個具有額外方法的特殊數組,但是又不想直接修改Array構造函數,我們可以這樣寫:

你會發現,其實所謂的寄生構造函數模式就是比工廠模式在建立對象的時候,多使用了一個new,實際上兩者的結果是一樣的。

但是作者可能是希望能像使用普通 Array 一樣使用 SpecialArray,雖然把 SpecialArray 當成函數也一樣能用,但是這并不是作者的本意,也變得不優雅。

在可以使用其他模式的情況下,不要使用這種模式。

但是值得一提的是,上面例子中的循環:

可以替換成:

所謂穩妥對象,指的是沒有公共屬性,而且其方法也不引用 this 的對象。

與寄生構造函數模式有兩點不同:

新建立的執行個體方法不引用 this

不使用 new 操作符調用構造函數

穩妥對象最适合在一些安全的環境中。

穩妥構造函數模式也跟工廠模式一樣,無法識别對象所屬類型。

本人轉載自冴羽(https://github.com/mqyqingfeng)

繼續閱讀