javascript中類的定義方式詳解(四種方式)_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:47:35
javascript中類的定義方式詳解(四種方式)_javascript技巧
javascript中類的定義方式詳解(四種方式)_javascript技巧:本文實例講述了javascript中類的定義方式。分享給大家供大家參考,具體如下: 類的定義包括四種方式: 1、工廠方式 function createCar(name,color,price){ var tempcar=new Object; tempcar.name=name; tempcar.colo
導讀javascript中類的定義方式詳解(四種方式)_javascript技巧:本文實例講述了javascript中類的定義方式。分享給大家供大家參考,具體如下: 類的定義包括四種方式: 1、工廠方式 function createCar(name,color,price){ var tempcar=new Object; tempcar.name=name; tempcar.colo

本文實例講述了javascript中類的定義方式。分享給大家供大家參考,具體如下:
類的定義包括四種方式:
1、工廠方式
定義了一個能創建并返回特定類型對象的工廠函數, 看起來還是不錯的, 但有個小問題 ,
每次調用時都要創建新函數 showColor,我們可以把它移到函數外面,
在工廠函數中直接指向它
代碼如下:tempCar.getName = getName;
這樣避免了重復創建函數的問題,但看起來不像對象的方法了。
2、構造函數方式
可以看到與第一中方式的差別,在構造函數內部無創建對象,而是使用 this 關鍵字。
使用 new 調用構造函數時,先創建了一個對象,然后用 this 來訪問。
這種用法于其他面向對象語言很相似了, 但這種方式和上一種有同一個問題, 就是重復創建函數。
3、原型方式
首先定義了構造函數 Car,但無任何代碼,然后通過 prototype 添加屬性。優點:
a. 所有實例存放的都是指向 showColor 的指針,解決了重復創建函數的問題
b. 可以用 instanceof 檢查對象類型
代碼如下:alert(car3 instanceof proCar);//true
缺點,添加下面的代碼:
drivers 是指向 Array 對象的指針,proCar 的兩個實例都指向同一個數組。
4、動態原型方式
這種方式是我最喜歡的, 所有的類定義都在一個函數中完成, 看起來非常像其他語言的類定義,不會重復創建函數,還可以用 instanceof
希望本文所述對大家JavaScript程序設計有所幫助。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript中類的定義方式詳解(四種方式)_javascript技巧
javascript中類的定義方式詳解(四種方式)_javascript技巧:本文實例講述了javascript中類的定義方式。分享給大家供大家參考,具體如下: 類的定義包括四種方式: 1、工廠方式 function createCar(name,color,price){ var tempcar=new Object; tempcar.name=name; tempcar.colo