【JSリファレンス】getハンドラー(Proxy)

更新日:2024/06/14

getハンドラーは、Proxyコンストラクターに渡すハンドラーオブジェクトで使用可能なメソッドです。

Proxyオブジェクト[[Get]]スロットが呼び出された時、ハンドラーで定義した関数が呼び出されます。

[[Get]]スロットは、プロパティ値を変数に代入するなど、プロパティから値を取得するときに呼び出されます。

 

■構文

get: function( target, propertyKey , receiver ){ }
  1. target: 対象となるオブジェクト
  2. propertyKey: プロパティ名(文字列またはシンボル)
  3. receiver: プロパティがゲッターのとき、this値として処理する値
何らかの値

 

■戻り値の検証

引数targetに対象プロパティが存在し、対象プロパティのconfigurable属性false の場合、次の二つの条件のうちどちらかに一致すると TypeError が発生します。

  • プロパティの記述子がデータプロパティ記述子、かつ、writable属性false のとき、value属性の値と、ハンドラーが返した値が一致しない
  • プロパティの記述子がアクセサプロパティ記述子、かつ、get属性undefined のとき、ハンドラーが返した値が undefined でない

 

■使用例

const obj = { value:300 }

const handlerObj = {
     // プロパティが存在しないとき特定の文字列を返す
    get: function(target, propertyKey , receiver){
        return !(propertyKey in target) ? "プロパティが存在しません"
            : Reflect.get( target, propertyKey , receiver );
    },
};
const proxyObj = new Proxy( obj ,handlerObj );

console.log( proxyObj.value );
 // 結果: 300

console.log( proxyObj.prop );
 // 結果: プロパティが存在しません

 

関連ページ

更新日:2024/06/14

書いた人(管理人):けーちゃん

スポンサーリンク

記事の内容について

null

こんにちはけーちゃんです。
説明するのって難しいですね。

「なんか言ってることおかしくない?」
たぶん、こんなご意見あると思います。

裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。
そんなときは、ご意見もらえたら嬉しいです。

掲載コードについては事前に動作確認をしていますが、貼り付け後に体裁を整えるなどをした結果動作しないものになっていることがあります。
生暖かい視線でスルーするか、ご指摘ください。

ご意見、ご指摘はこちら。
https://jsref.affi-sapo-sv.com/info.php

 

このサイトは、リンクフリーです。大歓迎です。