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

更新日：2024/06/14

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

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

※[[Set]]スロットは、プロパティに値が代入されるときなどに呼び出されます。

 

■構文


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

戻り値はブール値に変換されます。

 

■戻り値の検証

戻り値の変換結果が true のとき、次の検証が行われます。

targetに対象プロパティが存在する、かつ、対象プロパティのconfigurable属性が false の場合、次のどちらかの条件に一致すると TypeError です。

 

■使用例

const handlerObj = {
      // 数値の場合、"no."から始まる文字列に変換する
    set:function ( target, propertyKey, V  , receiver ){
        if( typeof V === "number" ) V = "No." + V;
        
        return Reflect.set(target, propertyKey, V  , receiver);
    }
};
const proxyObj = new Proxy( obj ,handlerObj );
proxyObj.value = 200;

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

 

関連ページ

●Reflect.set()

更新日：2024/06/14

書いた人（管理人）：けーちゃん

スポンサーリンク

記事の内容について

null

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

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

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

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

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

 

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