javascript中類的定義方式詳解(四種方式)_javascript技巧

類的定義包括四種方式：

1、工廠方式

定義了一個(gè)能創(chuàng)建并返回特定類型對(duì)象的工廠函數(shù)， 看起來還是不錯(cuò)的， 但有個(gè)小問題 ，

每次調(diào)用時(shí)都要?jiǎng)?chuàng)建新函數(shù) showColor，我們可以把它移到函數(shù)外面，

在工廠函數(shù)中直接指向它
代碼如下:tempCar.getName = getName;

這樣避免了重復(fù)創(chuàng)建函數(shù)的問題，但看起來不像對(duì)象的方法了。

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

可以看到與第一中方式的差別，在構(gòu)造函數(shù)內(nèi)部無創(chuàng)建對(duì)象，而是使用 this 關(guān)鍵字。

使用 new 調(diào)用構(gòu)造函數(shù)時(shí)，先創(chuàng)建了一個(gè)對(duì)象，然后用 this 來訪問。

這種用法于其他面向?qū)ο笳Z言很相似了， 但這種方式和上一種有同一個(gè)問題， 就是重復(fù)創(chuàng)建函數(shù)。

3、原型方式

首先定義了構(gòu)造函數(shù) Car，但無任何代碼，然后通過 prototype 添加屬性。優(yōu)點(diǎn)：

a. 所有實(shí)例存放的都是指向 showColor 的指針，解決了重復(fù)創(chuàng)建函數(shù)的問題

b. 可以用 instanceof 檢查對(duì)象類型
代碼如下:alert(car3 instanceof proCar);//true

缺點(diǎn)，添加下面的代碼：

drivers 是指向 Array 對(duì)象的指針，proCar 的兩個(gè)實(shí)例都指向同一個(gè)數(shù)組。

4、動(dòng)態(tài)原型方式

這種方式是我最喜歡的， 所有的類定義都在一個(gè)函數(shù)中完成， 看起來非常像其他語言的類定義，不會(huì)重復(fù)創(chuàng)建函數(shù)，還可以用 instanceof

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com