js建立物件的幾種方式

2021-09-11 04:49:31 字數 901 閱讀 9041

一、字面量建立物件

var person = 

}

二、建構函式模式

function person(name, age) 

}var student = new person('學生', 20);

var teacher = new person('老師', 30);

student.say(); // 輸出:學生 20

teacher.say(); // 輸出:老師 30

三、原型模式

// 使用原型的好處是,通過建構函式建立的例項物件,都可以共享繫結在原型上的屬性和方法

function person() {}

person.prototype.name = '名稱';

person.prototype.age = 20;

person.prototype.say = function()

var person1 = new person();

person1.say(); // 輸出:名稱 20

var person2 = new person();

person2.say(); // 輸出:名稱 20

四、工廠模式

function createperson(name, age) 

return obj;

}var student = createperson('學生', 20);

var teacher = createperson('老師', 30);

student.say(); // 輸出:學生 20

teacher.say(); // 輸出:老師 30

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...