JS建立物件的幾種方式

2021-09-24 12:20:26 字數 1461 閱讀 1745

下雨天，又粗來亂寫一通了。

首先給大家建立乙個物件

var obj = new object();
咳咳咳，以下，來正式一點。

——————————————————手動分割——————————————

1.使用物件字面量來建立一對物件

var obj = {};
使用物件字面量，可以在建立物件時直接指定物件中的屬性。

var mm = 


//語法:


//屬性名和屬性值是一組一組的名值對結構，名和值之間使用：連線，多個名值對使用，隔開
2.用function來模擬無參的建構函式

function person(){}


var person = new person();


//定義乙個function，如果使用new「例項化」，該function可以看做是乙個class。


person.name = "cao";


person.age = "18";


person.work = function()


person.work();
3.用function來模擬參建構函式來實現（用this關鍵字定義構造的上下文屬性）

function pet(name,age,hobby)


}var tom = new pet("湯姆",18,"cooking");//例項化、建立物件


tom.eat();//呼叫eat方法
4.用工廠方式來建立（內建物件）

通過該方法可以大批量的建立物件嘻嘻嘻嘻嘻

var wcdog = new object();


wcdog.name = "旺財";


wcdog.age = 3;


wcdog.work = function()


wcdog.work();
5.用原型方式來建立

function dog (){}


dog.prototype.name = "旺財";


dog.prototype.eat = function ()


var wangcai = new dog();


wangcai.eat();
6.用混合方式來建立

function car(name,price)


car.prototype.sell = function()


var camry = new car("凱美瑞",27);


camry.sell();

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