js建立物件的幾種方式

2021-08-21 01:39:10 字數 960 閱讀 7460

js高階程式設計有很詳細的說明,這裡就不做詳解了,只是做個筆記和總結,方便記憶和理解

1、工廠模式:

最簡單的模式,生產並返回乙個object物件

function

createper

(name)

var p1 = createper("js");

2、建構函式形式,比較常用的形式,在元件封裝中經常用到。

function

person

(name,age)

var p = new person("js",5);

以這種方式建立的建構函式是定義在(global)中,在瀏覽器中就是window物件。

我們可以用new的方法來進行物件例項化,也可以當作普通函式來呼叫。

person("js",5),會新增到window物件中

3、原型模式

在原型物件prototype中定義各種變數和方法。

用這個方法定義後,每個建立的物件例項的proto都指向原型物件。

這個方法的原型語法有好幾種,這裡就不具體寫了

4、組合使用建構函式和原型模式

這種方式是最常見的,因為可以避免很多的問題。

![這裡寫描述](

5、動態原型模式

這中模式就是在建構函式初始化的時候去判斷下,這裡用了乙個設計模式就是單例模式。

使用這種方法之後絕對不能重寫,否則就會切斷現有例項與新原型之間的聯絡。

6、寄生式建構函式

7、穩妥建構函式模式

只有在不用this和new的時候用這種方式,不做介紹了

js 建立物件的幾種方式

一 原始方式 解釋 原始方法建立物件,通過new關鍵字生成乙個物件,然後根據js是動態語言的特性新增屬性和方法,構造乙個物件。其中this是表示呼叫該方法的物件。缺點 多次建立物件,則需要重複 多次,不利於 的復用。二 工廠模式 var getage function var getname fun...

js 建立物件的幾種方式

第一種 工廠模式 例1 function createobj name,age return o var per1 createobj 張三 20 per1.sayinfo 缺點 無法知道物件的型別 第二種 建構函式模式 例2 function person name,age var per2 ne...

js建立物件的幾種方式

雖然object建構函式或物件字面量都可以建立單個物件,但這些方式有個明顯的缺點,那就是使用同乙個介面創造很多物件,會產生大量的重複 所以產生了下面幾種模式。1 工廠模式 function createperson name,age,job o.name name o.age age o.job j...