首頁 > web前端 > js教程 > js物件的幾種創建方式

js物件的幾種創建方式

王林
發布: 2020-05-12 09:29:43
轉載
2645 人瀏覽過

js物件的幾種創建方式

一、字面量方式

var obj = {
    name: 'mm',
    age: 18,
    sayName: function() {    
        console.log(this.name);
    }
}
登入後複製

問題:建立多個物件時會造成程式碼冗餘,很佔記憶體空間。

二、工廠模式

js物件的幾種創建方式

問題:雖然解決了物件字面量創造物件冗餘的問題,但是存在物件辨識的問題,不能反映它們之間的內在關係。

三、建構函式模式

js物件的幾種創建方式

問題:解決了工廠模式的問題,但是相同方法重複建立就浪費了記憶體空間。

四、原型模式

js物件的幾種創建方式

問題:共享方法,解決了建構子的問題。但是目前實例的參考類型的屬性被所有實例共享,一個變所有變。

五、組合模式(建構子 原型模式)

js物件的幾種創建方式

#這是常用的創建方式。

透過建構函式模式定義實例屬性,透過原型模式定義方法和共享的屬性。

推薦教學:js入門教學

以上是js物件的幾種創建方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板