JavaScriptでプロパティ属性を取得・設定する方法を詳しく解説

JavaScript のオブジェクトのプロパティには 3 つの属性があります:

1.writable。プロパティが書き込み可能かどうか。
2.数えられる。 for/in ステートメントを使用するときにプロパティを列挙するかどうか。
3. 設定可能。このプロパティのプロパティを変更できるかどうか、およびプロパティを削除できるかどうか。

ECMAScript 3 標準では、上記の 3 つのプロパティの値は true であり、変更できません。ECMAScript 5 標準では、新しく作成されたオブジェクトのプロパティは書き込み可能、​​列挙可能、および削除可能です。オブジェクト (プロパティ記述子) を使用して、これらのプロパティを設定および変更します。

プロパティの値情報もプロパティの属性として表示される場合、オブジェクト内のプロパティには、value、writable、enumerable、configurable の 4 つの属性があります。

getter メソッドと setter メソッドで定義されたプロパティの場合、書き込み可能な属性がないため (プロパティが書き込み可能かどうかは、setter メソッドが存在するかどうかによって決まります)、このプロパティには get、set、enumerable、configurable の 4 つの属性もあります。 get および set 属性の値は関数です。

オブジェクトのプロパティのプロパティを取得する

ECMAScript 5 標準では、Object.getOwnPropertyDescriptor() を通じてオブジェクト自体のプロパティのプロパティ情報を取得できます。存在しないか、プロパティがプロトタイプ オブジェクトから継承されている場合は、未定義を返します。

ECMAScript 5 標準では、Object.defineProperty() を通じてオブジェクト自体の特定のプロパティのプロパティを設定できます。プロトタイプ オブジェクトの場合、JavaScript はオブジェクト自体に同じ名前のプロパティを作成します。これは、代入操作の関連動作と一致します:

var o = {x:1};
var a = Object.create(o);
a.y = 3;
console.log(Object.getOwnPropertyDescriptor(a, "y"));//Object {configurable=true, enumerable=true, writable=true, value=3}
console.log(Object.getOwnPropertyDescriptor(a, "x"));//undefined

プロパティのプロパティを変更することに加えて、プロパティを次のように変更することもできます。 getter または setter でアクセスできます:

Object.defineProperty(a, "y", {
    value:3,
    writable:true,
    enumerable:false,
    configuration:true
});
console.log(a.propertyIsEnumerable("y"));//false

Object.defineProperty() を使用する場合、プロパティ記述オブジェクト内のプロパティ値が部分的に無視される場合があります。プロパティ値が無視される場合、JavaScript の処理規則は次のようになります。次のように:

プロパティが新しく作成された場合、無視されるプロパティ値はすべて false または undefine になります。

オブジェクトのプロパティのプロパティをバッチで設定する

複数のプロパティのプロパティを一度に設定する必要がある場合は、Object.defineProperties() ステートメントを使用できます。このステートメントは、変更されたオブジェクトを返します。

Object.defineProperty(a, "x", {
    value:1,
    writable:true,
    enumerable:false,
    configuration:true
});
console.log(a.propertyIsEnumerable("x"));//false
console.log(o.propertyIsEnumerable("x"));//true