Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy/Proxy/set below:

handler.set() - JavaScript | MDN

Baseline Widely available

handler.set() は、オブジェクトの [[Set]] 内部メソッドに対するトラップです。プロパティの値を設定することに対するトラップです。

const monster1 = { eyeCount: 4 };

const handler1 = {
  set(obj, prop, value) {
    if (prop === "eyeCount" && value % 2 !== 0) {
      console.log("Monsters must have an even number of eyes");
    } else {
      return Reflect.set(...arguments);
    }
  },
};

const proxy1 = new Proxy(monster1, handler1);

proxy1.eyeCount = 1;
// Expected output: "Monsters must have an even number of eyes"

console.log(proxy1.eyeCount);
// Expected output: 4

proxy1.eyeCount = 2;
console.log(proxy1.eyeCount);
// Expected output: 2

new Proxy(target, {
  set(target, property, value, receiver) {
  }
});

次の引数は set() メソッドに渡されます。this はハンドラーにバインドされます。

target

ターゲットオブジェクトです。

property

プロパティを設定する名前または Symbol です。

value

設定するプロパティの新しい値です。

receiver

割り当てがもともと行われていたオブジェクトです。これは通常、プロキシーそのものです。しかし、 set() ハンドラーは内部的にプロトタイプチェーンや様々な他の方法経由で呼び出されます。

例えば、スクリプト上に obj.name = "jen" があり、obj はプロキシーではなく、独自の .name プロパティを持っていません。しかし、プロトタイプチェーンでプロキシーを持っています。その場合、そのプロキシーの set() ハンドラーが呼ばれて、 obj はレシーバーとして渡されます。

set() メソッドは論理値を返します。

• true を返すと割り当てが成功したことを示します。
• set() メソッドの返値が false で、厳格モードで割り当てが起こった場合、 TypeError が発生します。

このトラップは下記の操作に介入できます。

• プロパティへの代入: proxy[foo] = bar や proxy.foo = bar
• Reflect.set()

他にも、[[Set]] 内部メソッドを呼び出すあらゆる操作に介入できます。

以下の不変条件に違反している場合、プロキシーで TypeError が発生します。

• 対応するターゲットオブジェクトのプロパティが書き込み不可かつ設定不可のデータプロパティの場合、プロパティの値と異なる値に変更することはできません。
• 対応するターゲットオブジェクトのプロパティが [[Set]] 属性として undefined を持つ設定不可のアクセスプロパティの場合、プロパティの値を設定することはできません。
• 厳格モードでは、set() ハンドラーから false を返す場合、 TypeError 例外が発生します。

次のコードではプロパティの値の設定をトラップします。

const p = new Proxy(
  {},
  {
    set(target, prop, value, receiver) {
      target[prop] = value;
      console.log(`property set: ${prop} = ${value}`);
      return true;
    },
  },
);

console.log("a" in p); // false

p.a = 10; // "property set: a = 10"
console.log("a" in p); // true
console.log(p.a); // 10

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4