JavaScript リフレクション学習のヒント

1. はじめに

MDN の公式 Web サイトによると、 Reflect JavaScript操作をインターセプトするメソッドを提供する組み込みオブジェクトです。これらのメソッドは、プロキシハンドラー (en-US) の場合と同じです。 Reflect関数オブジェクトではないため、構築できません。

それで、それは正確には何ですか?上記のファイル紹介によると、 Proxyと非常によく似ており、どちらも実行関数自体の情報を取得します。主な違いは、すべての関数オブジェクトのプロパティが複雑すぎるため、追加のプロパティを追加するとプログラムの動作が不合理になる可能性があるため、 Reflect関数が拡張され、関数オブジェクトのメソッドの呼び出し、オブジェクトの構築、プロパティの取得または設定、およびその他の関連操作を具体的に処理できるようになっていることです。

2. インターフェース

Reflectのすべてのメソッドは静的メソッドであり、コンストラクターやインスタンス化は必要ありません。

Reflect.apply ( target 、 thisArgument 、 argumentsList ) は関数を呼び出し、呼び出しパラメータとして配列を渡すことができます。 Function.prototype.apply()に似ています。
Reflect.construct ( target , argumentsList[, newTarget\] ) はコンストラクターに対して新しい操作を実行します。これは、 new target (...args) を実行することと同じです。
Reflect.defineProperty ( target 、 propertyKey 、 attributes ) はObject.defineProperty()に似ています。設定が成功した場合はtrueを返します
関数のdelete演算子としてのReflect.deleteProperty(target, propertyKey) delete target[name]を実行することと同じです。
Reflect.get(target, propertyKey[, receiver\]) target[name]と同様に、オブジェクトのプロパティの値を取得します。
Reflect.getOwnPropertyDescriptor(target, propertyKey) Object.getOwnPropertyDescriptor()に似ています。オブジェクト内にプロパティが存在する場合は、対応するプロパティ記述子を返し、存在しない場合はundefined返します。
Reflect.getPrototypeOf(target)はObject.getPrototypeOf()に似ています。
Reflect.has(target, propertyKey) 、オブジェクトに特定のプロパティがあるかどうかを判断します。これは、 in演算子とまったく同じです。
Reflect.isExtensible(target)はObject.isExtensible() .
Reflect.ownKeys(target)継承されたプロパティを除くすべての独自のプロパティを含む配列を返します。 ( Object.keys()に似ていますが、 enumerableの影響を受けません)。
Reflect.preventExtensions(target)はObject.preventExtensions()に似ています。 Booleanを返します。
Reflect.set(target, propertyKey, value[, receiver\])プロパティに値を割り当てる関数。更新が成功した場合はtrueとなるBooleを返します。
Reflect.setPrototypeOf(target, prototype)は、オブジェクトのプロトタイプ関数を設定します。 Booleanを返します。更新が成功した場合はtrueを返します。

3. 簡単な例

たとえば、次のような関数があります。

クラス Person {
  コンストラクター(firstName, lastName) {
    this.firstName = ファーストネーム
    this.lastName = 姓
  }
  getName() を取得する {
    this.firstName + ' ' + this.lastName を返します
  }
}

通常の使用ではインスタンス化のみが必要です。

const person = 新しい Person('Jaxson', 'Wang')
console.log(person.getName) // ジャクソン・ワン

Reflect.construct() メソッドを使用してオブジェクトを作成できます。

const person = Reflect.construct(Person, ['Jaxson', 'Wang'])
console.log(person) // ジャクソン・ワン

4. 結論

Reflect オブジェクトは、次の 3 つの理由から、Proxy プロキシと一緒に使用されることがよくあります。

Reflectによって提供されるすべての静的メソッドはProxy 2 番目のhandleパラメータメソッドとまったく同じです。
Proxy get/set()メソッドに必要な戻り値は、 Reflectのget/setメソッドの戻り値とまったく同じなので、自然に一緒に使用できます。これは、オブジェクトを直接割り当てたり値を要求するよりも便利で正確です。
receiverパラメータは置き換え不可能です。

JavaScript リフレクション学習スキルに関するこの記事はこれで終わりです。より関連性の高い JavaScript リフレクションコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: