ホーム>Web デザインのチュートリアル>JavaScript チュートリアル

プロパティフラグと記述子

著者：Eve Cole 更新時間：2024-12-19 15:53:42

ご存知のとおり、オブジェクトはプロパティを保存できます。

これまで、プロパティは私たちにとって単純な「キーと値」のペアでした。しかし、オブジェクト プロパティは実際には、より柔軟で強力なものです。

この章では、追加の構成オプションを学習し、次の章では、それらを目に見えない形で getter/setter 関数に変換する方法を説明します。

プロパティフラグ

オブジェクトのプロパティには、 valueほかに 3 つの特別な属性 (いわゆる「フラグ」) があります。

  • writable – trueの場合は値を変更できます。それ以外の場合は読み取り専用です。

  • enumerable – trueの場合はループ内にリストされ、それ以外の場合はリストされません。

  • configurable – trueの場合、プロパティを削除してこれらの属性を変更できます。それ以外の場合は変更できません。

通常、彼らは現れないので、私たちはまだ彼らを見ていません。 「通常の方法」でプロパティを作成すると、それらはすべてtrueなります。ただし、いつでも変更することができます。

まず、これらのフラグを取得する方法を見てみましょう。

メソッド Object.getOwnPropertyDescriptor を使用すると、プロパティに関する完全な情報をクエリできます。

構文は次のとおりです。

 let 記述子 = Object.getOwnPropertyDescriptor(obj, propertyName);

  • obj

  • 情報を取得するオブジェクト。

  • propertyName

  • プロパティの名前。

返される値は、いわゆる「プロパティ記述子」オブジェクトです。これには、値とすべてのフラグが含まれます。

例えば：

ユーザー = { にします
  名前：「ジョン」
};

let descriptor = Object.getOwnPropertyDescriptor(user, 'name');

alert( JSON.stringify(記述子, null, 2 ) );
/* プロパティ記述子:
{
  "値": "ジョン",
  「書き込み可能」: true、
  "列挙可能": true、
  「構成可能」: true
}
*/

フラグを変更するには、Object.defineProperty を使用します。

構文は次のとおりです。

 Object.defineProperty(obj, propertyName, 記述子)

  • obj 、 propertyName

  • 記述子を適用するオブジェクトとそのプロパティ。

  • descriptor

  • 適用するプロパティ記述子オブジェクト。

プロパティが存在する場合、 definePropertyそのフラグを更新します。それ以外の場合は、指定された値とフラグを使用してプロパティを作成します。この場合、フラグが指定されていない場合は、 falseみなされます。

たとえば、ここではすべての false フラグを使用してプロパティnameが作成されます。

ユーザー = {} にします。

Object.defineProperty(ユーザー, "名前", {
  値: 「ジョン」
});

let descriptor = Object.getOwnPropertyDescriptor(user, 'name');

alert( JSON.stringify(記述子, null, 2 ) );
/*
{
  "値": "ジョン",
  「書き込み可能」: false、
  "列挙可能": false、
  「構成可能」: false
}
 */

上記の「通常に作成された」 user.nameと比較してください。現在、すべてのフラグが false になっています。それが望ましくない場合は、 descriptorでtrueに設定する方がよいでしょう。

次に、例によってフラグの効果を見てみましょう。

書き込み不可

writableフラグを変更して、 user.name書き込み不可 (再割り当てできない) にしましょう。

ユーザー = { にします
  名前：「ジョン」
};

Object.defineProperty(ユーザー, "名前", {
  書き込み可能: false
});

user.name = "ピート"; // エラー: 読み取り専用プロパティ 'name' に割り当てることはできません

これで、独自のdefinePropertyを適用して私たちの名前をオーバーライドしない限り、誰もユーザーの名前を変更できなくなります。

エラーは厳密モードでのみ表示されます

非厳密モードでは、書き込み不可能なプロパティなどへの書き込み時にエラーは発生しません。しかし、作戦はまだ成功しません。フラグに違反するアクションは、非厳密では黙って無視されます。

以下は同じ例ですが、プロパティは最初から作成されています。

ユーザー = { };

Object.defineProperty(ユーザー, "名前", {
  値: "ジョン"、
  // 新しいプロパティについては、何が真実かを明示的にリストする必要があります
  列挙可能: true、
  構成可能: true
});

アラート(ユーザー名); // ジョン
user.name = "ピート"; // エラー

数えられない

次に、カスタムtoString userに追加しましょう。

通常、オブジェクトの組み込みtoString列挙不可能であり、 for..inには表示されません。しかし、独自のtoString追加すると、デフォルトでは次のようにfor..inに表示されます。

ユーザー = { にします
  名前：「ジョン」、
  toString() {
    this.name を返します。
  }
};

// デフォルトでは、両方のプロパティがリストされます。
for (ユーザーにキーを入力させます)alert(key); // 名前、toString

それが気に入らない場合は、 enumerable:falseを設定できます。そうすれば、組み込みのものと同じように、 for..inループには表示されません。

ユーザー = { にします
  名前：「ジョン」、
  toString() {
    this.name を返します。
  }
};

Object.defineProperty(user, "toString", {
  列挙可能: false
});

// これで toString が消えます。
for (ユーザーにキーを入力させます)alert(key); // 名前

列挙不可能なプロパティもObject.keysから除外されます。

アラート(オブジェクト.キー(ユーザー)); // 名前

構成不可

構成不可能なフラグ ( configurable:false ) が、組み込みオブジェクトおよびプロパティに事前設定されている場合があります。

構成不可能なプロパティは削除できず、その属性は変更できません。

たとえば、 Math.PI書き込み不可、列挙不可、構成不可です。

 let 記述子 = Object.getOwnPropertyDescriptor(Math, 'PI');

alert( JSON.stringify(記述子, null, 2 ) );
/*
{
  「値」: 3.141592653589793、
  「書き込み可能」: false、
  "列挙可能": false、
  「構成可能」: false
}
*/

したがって、プログラマはMath.PIの値を変更したり、上書きしたりすることはできません。

数学.PI = 3; // 書き込み可能であるためエラー: false

// Math.PI の削除も機能しません

また、 Math.PI再度writable可能に変更することもできません。

 // 設定可能のためエラー: false
Object.defineProperty(Math, "PI", { 書き込み可能: true });

Math.PIでできることはまったくありません。

プロパティを構成不可にすることは一方通行です。 definePropertyを使用してそれを元に戻すことはできません。

注: configurable: falseプロパティ フラグの変更とその削除を禁止しますが、その値の変更は許可します。

ここでuser.name構成できませんが、(書き込み可能であるため) 変更することはできます。

ユーザー = { にします
  名前：「ジョン」
};

Object.defineProperty(ユーザー, "名前", {
  設定可能: false
});

user.name = "ピート"; // 正常に動作します
ユーザー名を削除します。 // エラー

そしてここでは、組み込みのMath.PIと同じように、 user.name 「永久に封印された」定数にします。

ユーザー = { にします
  名前：「ジョン」
};

Object.defineProperty(ユーザー, "名前", {
  書き込み可能: false、
  設定可能: false
});

// user.name またはそのフラグは変更できません
// これはすべて機能しません:
user.name = "ピート";
ユーザー名を削除します。
Object.defineProperty(ユーザー, "名前", { 値: "ピート" });

可能な唯一の属性変更: 書き込み可能 true → false

フラグの変更に関しては小さな例外があります。

構成不可能なプロパティのwritable: true falseに変更することで、その値の変更を防ぐことができます (別の保護層を追加するため)。ただし、その逆ではありません。

Object.defineProperties

一度に多くのプロパティを定義できるメソッド Object.defineProperties(obj, descriptors) があります。

構文は次のとおりです。

 Object.defineProperties(obj, {
  prop1: 記述子 1、
  prop2: 記述子2
  // ...
});

例えば：

 Object.defineProperties(user, {
  名前: { 値: "ジョン"、書き込み可能: false }、
  姓: { 値: "スミス"、書き込み可能: false }、
  // ...
});

したがって、一度に多くのプロパティを設定できます。

Object.getOwnPropertyDescriptors

すべてのプロパティ記述子を一度に取得するには、メソッド Object.getOwnPropertyDescriptors(obj) を使用できます。

Object.definePropertiesと併用すると、「フラグを認識した」オブジェクトのクローン作成方法として使用できます。

 let clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(obj));

通常、オブジェクトのクローンを作成するときは、次のように割り当てを使用してプロパティをコピーします。

 for (ユーザーにキーを入力させます) {
  クローン[キー] = ユーザー[キー]
}

…しかし、それはフラグをコピーしません。したがって、「より良い」クローンが必要な場合は、 Object.definePropertiesが推奨されます。

もう 1 つの違いは、 for..inシンボリック プロパティと列挙不可能なプロパティを無視しますが、 Object.getOwnPropertyDescriptorsシンボリック プロパティと列挙不可能なプロパティを含むすべてのプロパティ記述子を返すことです。

オブジェクトをグローバルにシールする

プロパティ記述子は、個々のプロパティのレベルで機能します。

オブジェクト全体へのアクセスを制限するメソッドもあります。

  • Object.preventExtensions(obj)

  • オブジェクトへの新しいプロパティの追加を禁止します。

  • オブジェクト.シール(obj)

  • プロパティの追加/削除を禁止します。既存のすべてのプロパティに対してconfigurable: falseを設定します。

  • オブジェクト.フリーズ(obj)

  • プロパティの追加/削除/変更を禁止します。すべての既存のプロパティに対してconfigurable: false, writable: falseを設定します。

また、それらのためのテストもあります。

  • Object.isExtensible(obj)

  • プロパティの追加が禁止されている場合はfalseを返し、そうでない場合はtrue返します。

  • Object.isSealed(obj)

  • プロパティの追加/削除が禁止されており、既存のすべてのプロパティが構成可能である場合はtrueを返しますconfigurable: false 。

  • Object.isFrozen(obj)

  • プロパティの追加/削除/変更が禁止されており、現在のすべてのプロパティがconfigurable: false, writable: falseの場合はtrueを返します。

これらの方法は実際にはほとんど使用されません。

関連記事