Js建立物件的方式

2022-01-10 10:47:04 字數 2028 閱讀 4428

js建立物件的方式,這裡的物件除了指js內建object物件之外還有更加廣義上的物件導向程式設計中的物件。

物件字面變數是物件定義的一種簡寫形式,能夠簡化建立包含大量屬性的物件的過程。

var obj = 

}console.log(obj); //

es6中使用字面量建立物件時還可以配合spread操作符與解構賦值使用。

var o1 = 

var o2 =

var o3 =

var =

console.log(o3); //

console.log(a, b); // 1 2

使用object建構函式建立物件使用與字面量建立相同,但是需要單獨指定內部成員。

var obj = new object();

obj.a = 1;

obj.b = function()

console.log(obj); //

object.create()方法建立乙個新物件,使用現有的物件來提供新建立的物件的__proto__

var obj = object.create(null); // 建立乙個沒有原型鏈指向的物件

var obj = object.create(object.prototype); // 等同於 new object()

obj.a = 1;

obj.b = function()

console.log(obj); //

構造建立物件的工廠,呼叫即產生物件,能夠減少重複**,減小**冗餘。

function factory()

return o;

}var obj = factory();

console.log(obj); //

使用new關鍵字可以簡化建立多個屬性值相同的物件的操作,並能夠顯式獲取物件型別。

function _object()

}var obj = new _object();

console.log(obj); // _object

console.log(obj instanceof _object); // true

使用原型建立物件的方式,可以讓所有物件例項共享它所包含的屬性和方法。

function _object(){}

_object.prototype.a = 1;

_object.prototype.b = function()

var obj = new _object();

console.log(obj); // _object {}

console.log(obj.a); // 1

console.log(obj.b()); // 1

console.log(obj instanceof _object); // true

建構函式和原型組合的方式解決可以解決原型模式下不能傳遞引數的問題,也能解決在建構函式模式下不能共享例項方法的問題。

function _object()

_object.prototype.b = function()

var obj = new _object();

console.log(obj); // _object

console.log(obj.a); // 1

console.log(obj.b()); // 1

console.log(obj instanceof _object); // true

JS建立物件方式

一 物件 對個資料的封裝體,儲存多個資料的容器 可以統一管理多個資料 1 分類 1 內建物件 由es標準定義的物件,在任何es的實現都可以使用 例如 math string number function object 2 宿主物件 由js執行環境提供的物件 例如 dom bom 3 自定義物件 使...

js的建立物件方式

1 object建構函式建立 var user new object user.name xiu user.age 18 2 使用物件字面量表示法 var user 相當於 var user new object var user 物件字面量是物件定義的一種簡寫形式,目的在於簡化建立包含大量屬性的物...

js建立物件的方式

1.object 利用內建物件形式建立 var boy new object 屬性 boy.name 哈哈 屬性 boy.image 男性頭像 屬性 boy.healthpoint hp 100 屬性 boy.magicpoint mp 100 技能 boy.technologys 方法 boy.a...