js建立物件的五種方式

2021-09-24 13:51:44 字數 822 閱讀 5214

方式一:object建構函式模式

套路:先建立空的object物件,在動態新增屬性/方法

適用場景:起始不確定物件內部資料

缺點:語句太多

var p = new object();

p.name = "tom";

p.age = 18;

p.setname = function (name)

方式二:物件字面量模式

套路:使用{}建立物件,同時指定屬性和方法

用場景:起始物件內部資料是確定的

缺點:如果建立多個物件有重複**

var p =

}方式三:工廠模式

套路:通過工廠函式動態建立物件並返回

適用場景:需要建立多個物件

缺點:物件沒有乙個具體的型別,都是object型別

工廠函式:可以返回乙個物件的函式

function creatperson(name, age)

}return obj;

}方式四:自定義建構函式模式

套路:自定義建構函式,通過new建立物件

適用場景:需要建立多個型別確定物件

缺點:每個物件都有相同的方法浪費記憶體

function person(name, age)

}方式五:建構函式+原型模式

套路:自定義建構函式,屬性在函式中初始化,方法新增到原型

適用場景:需要建立多個型別確定物件

function person(name, age)

person.prototype.setname=function(name)

建立物件的五種方式

建立物件的五種方法 物件字面量 var person1 工廠模式 1 var person1 8 建構函式模式 var person1 原型模式 var person1 組合模式 function person name,age,job person.prototype var person1 ne...

js 建立物件的6種方式

字面式建立物件var person new 操作符 object 建立物件var person newobject person.name lisi person.age 21 person.family lida lier wangwu person.say function 以上兩種方法在使用同...

js 建立物件的9種方式對比

建立物件 原生建立方法 new func 工廠模式 優點 原生建立方法的封裝。缺點 物件型別不可知。function createfunc args var obj createfunc args 建構函式模式 優點 物件型別可知 instanceof,obj.constructor 缺點 構造了多...