javascript創建對象的代碼怎么寫

本篇內容介紹了“javascript創建對象的代碼怎么寫”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

創建方法：1、使用“var 對象名={屬性名1:值1,屬性名2:值2,...};”語句；2、使用“var 對象名 = new 構造函數名(args);”語句；3、使用“Object.create(原型對象,descriptors)”語句。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

在 JavaScript 中創建對象的方式有 3 種：

• 對象直接量

• 構造對象

• 使用 Object.create

對象直接量

使用直接量可以快速創建對象，也是最高效、最簡便的方法。具體用法如下：

var objectName = {
    屬性名1 : 屬性值1,
    屬性名2 : 屬性值2,
    ...
    屬性名n : 屬性值n
};

在對象直接量中，屬性名與屬性值之間通過冒號進行分隔，屬性值可以是任意類型的數據，屬性名可以是 JavaScript 標識符，或者是字符串型表達式。屬性于屬性之間通過逗號進行分隔，最后一個屬性末尾不需要逗號。

示例

下面代碼使用對象直接量定義兩個對象。

var o = {  //對象直接量
    a : 1,  //定義屬性
    b : true  //定義屬性
}
var o1 = {  //對象直接量
    "a" : 1,  //定義屬性
    "b" : true  //定義屬性
}

構造對象

使用 new 運算符調用構造函數，可以構造一個實例對象。具體用法如下：

var objectName = new functionName(args);

參數說明如下：

• objectName：返回的實例對象。

• functionName：構造函數，與普通函數基本相同，但是不需要 return 返回值，返回實例對象，在函數內可以使用 this 預先訪問。

• args：實例對象初始化配置參數列表。

示例

下面示例使用不同類型的構造函數定義各種實例。

var o = new Object();  //定義一個空對象
var a = new Array();  //定義一個空數組
var f = new Function();  //定義一個空函數

使用 Object.create

Object.create 是 ECMAScript 5 新增的一個靜態方法，用來創建一個實例對象。該方法可以指定對象的原型和對象特性。具體用法如下：

Object.create(prototype, descriptors)

參數說明如下：

• prototype：必須參數，指定原型對象，可以為 null。

• descriptors：可選參數，包含一個或多個屬性描述符的 JavaScript 對象。屬性描述符包含數據特性和訪問器特性，其中數據特性說明如下。

• value：指定屬性值。

• writable：默認為 false，設置屬性值是否可寫。

• enumerable：默認為 false，設置屬性是否可枚舉（for/in）。

• configurable：默認為 false，設置是否可修改屬性特性和刪除屬性。

訪問器特性包含兩個方法，簡單說明如下：

• set()：設置屬性值。

• get()：返回屬性值。

示例

下面示例使用 Object.create定義一個對象，繼承 null，包含兩個可枚舉的屬性 size 和 shape，屬性值分別為 "large" 和 "round"。

var newObj = Object.create (null, {
    size : {  //屬性名
        value : "large",  //屬性值
        enumerable : true  //可以枚舉
    },
    shape : {  //屬性名
        value : "round",  //屬性值
        enumerable : true  //可以枚舉
    }
});
console.log(newObj.size);  //large
console.log(newObj.shape);  //round
console.log(Object.getPrototypeOf(newObj));  //null

“javascript創建對象的代碼怎么寫”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！