JavaScript對象屬性的特性

Betta 發布于2019-08-21 17:13 / 468人閱讀

摘要：存取器屬性的個特性是讀取寫入可枚舉性和可配置性。描述符對象的屬性和他們所描述符的屬性特性是同名的。通過調用可以獲得某個對象特定屬性的描述符只能得到自有屬性的描述符。對于新創建的屬性來說，默認的特性值是或。

除了包含名字和值之外，屬性還包含的一些標識它們可寫、可枚舉和可配置的特性。數據屬性的4個特性分別是它的值（value）、可寫性（writable）、可枚舉性（enumerable）和可配置性（configurable）。存取器屬性的4個特性是讀取（get）、寫入（set）、可枚舉性和可配置性。

可寫性決定屬性的值是否可以被改變

可配置性決定了是否可以修改屬性描述對象

ECMAScript中有一個名為“屬性描述符”（property descriptor）的對象，這個對象代表那4個特性。描述符對象的屬性和他們所描述符的屬性特性是同名的。因此數據屬性的描述符對象有value、writable、enumerable和configurable。存取器屬性的描述符對象則用get屬性和set屬性代替value和writable。其中writable、enumerable和configurable是布爾值，get屬性和set屬性是函數值。

Object.getOwnPropertyDescriptor()

通過調用Object.getOwnPropertyDescriptor()可以獲得某個對象特定屬性的描述符：

Object.getOwnPropertyDescriptor({x:1},"x");
//{value:1,writable:true,enumerable:true,configurable:true}

Object.getOwnPropertyDescriptor()只能得到自有屬性的描述符。

Object.defineProperty()與Object.defineProperties()

要想設置屬性的特性，或者想讓新建屬性具有某種特性，則需要調用Object.defineProperty(),傳入要修改的對象，要創建或要修改的屬性，以及屬性描述符對象。

var o = {};
// 添加一個不可枚舉的數據屬性x，并賦值為1
Object.defineProperty(o, "x", { value:1,
                                writable: true,
                                enumerable:false,
                                configurable: true});

傳入Object.defineProperty()的屬性描述符對象不必包含4個特性。對于新創建的屬性來說，默認的特性值是false或undefined。對于修改的已有屬性來說，默認的特性值沒有做任何修改。這個方法要么修改已有屬性要么新建自有屬性，但不能修改繼承屬性。
如果要同時修改或創建多個屬性，則需要使用Object.defineProperties()。第一個參數是要修改的對象，第二個參數是一個映射表，它包含要新建或修改的屬性的名稱，以及它們的屬性描述符，例如：

var p = Object.defineProperties(
    x: { value:1, writable: true, enumerable:false, configurable: true},
    y:{ value:1, writable: true, enumerable:false, configurable: true},
    r: { 
        get: function() {
            return Math.sqrtthis.x*this.x + this.y*this.y)
        },
        enumerable:false,
        configurable: true
    }
});

用Object.defineProperty()與Object.defineProperties()操作對象屬性的特性也是要遵循一定的規則的。任何違反規則的使用會拋出類型錯誤異常。下面是完整的規則：

如果對象是不可擴展的，則可以編輯已有的自有屬性，但不能給它添加新屬性。

如果屬性是不可配置的，則不能修改它的可配置性和可枚舉性。

如果存取器屬性是不可配置的，則不能修改其getter和setter方法，也不能將它轉換為數據屬性。

如果數據屬性是不可配置的，則不能將它轉換成存取器屬性。

如果數據屬性是不可配置且不可寫的，則不能修改它的值。然而可配置但不可寫屬性的值是可以修改的（實際上是先將它標記為可寫的，然后修改它的值，最后轉換為不可寫的）。

GPU云服務器云服務器對象的屬性匹配對象的屬性和函數 js中集合對象的屬性 js包裝對象中的屬性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89265.html

深入理解JavaScript中的屬性和特性

摘要：深入理解中的屬性和特性中屬性和特性是完全不同的兩個概念，這里我將根據自己所學，來深入理解中的屬性和特性。其中第三個參數描述符對象是對象字面量的方法創建的，里面的屬性和屬性值實際上保存的是要修改的特性和特性值。深入理解JavaScript中的屬性和特性　　JavaScript中屬性和特性是完全不同的兩個概念，這里我將根據自己所學，來深入理解JavaScript中的屬性和特性。　　主...

VPointer 2019-08-23 15:27 評論0 收藏0
ES5特性 - ECMAScript特性 - Javascript核心

摘要：特性本文將簡單列舉的核心特性。獲取自有屬性名列表。以給丁對象為創建新的對象并返回。將對象的每個自有自有屬性做如下操作屬性的特性置為屬性的特性置為同時，該對象將不可擴展。檢查對象是否是位于給定對象的原型鏈上。原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es5.html 源代碼： https://github....

Half 2019-08-19 14:50 評論0 收藏0
Javascript面向對象的程序設計_理解對象

摘要：面向對象的程序設計理解對象前言最近在細讀高級程序設計，對于我而言，中文版，書中很多地方翻譯的差強人意，所以用自己所理解的，嘗試解讀下。總結如果英語水平足夠好的話，建議看英文原版書籍或者國外大師的博客。 JS面向對象的程序設計_理解對象前言：最近在細讀Javascript高級程序設計，對于我而言，中文版，書中很多地方翻譯的差強人意，所以用自己所理解的，嘗試解讀下。如有紕漏或錯誤，會非...

劉厚水 2019-08-23 12:14 評論0 收藏0
javascript 面向對象版塊之對象屬性

摘要：上一篇面向對象版塊之理解對象下一篇面向對象版塊之定義多個對象屬性以及讀取屬性特性這是 javascript 面向對象版塊的第二篇文章，主要講解的是對象的屬性，首先創建一個對象: var person = { name: Nicholas, age: 29, job: Software Engineer, sayName: function () { conso...

lolomaco 2019-08-22 15:06 評論0 收藏0
javascript 面向對象版塊之定義多個對象屬性以及讀取屬性特性

摘要：返回值是一個對象，如果是訪問器屬性，這個對象的屬性有和如果是數據屬性，這個對象的屬性有和。上一篇面向對象版塊之對象屬性下一篇面向對象版塊之創建對象這是 javascript 面向對象版塊的第三篇文章，主要講解的是多個屬性的定義以及讀取屬性的特性。前面這幾章內容目的在于加深對對象的理解，這樣可以利于理解后面的原型鏈以及繼承方面的知識，或者你也可以了解一下不一樣的 javascript ...

wendux 2019-08-22 15:07 評論0 收藏0