proxyについて

TOC

エージェントとは?

実施

エージェントとは?

エージェント
Proxyは、オブジェクトの指揮権を剥奪し、proxyオブジェクトで定義されたようにオブジェクトアクセスの出力を返します.
つまり、デフォルト値は変更されず、値へのアクセスを受け入れることができます.

let user = {
  firstName: "LAL",
  lastName: "RO",
};

user = new Proxy(user, {
  get(target, prop) {
    if (prop in target) {
      return target[prop];
    } else if (prop == "sayFullName") {
      return () => {
        console.log(`${target.firstName} ${target.lastName}`);
      };
    }
  },
});
console.log(user.firstName);
user.sayFullName();

result

LAL 
RO

let user = {
  firstName: "LAL",
  lastName: "RO",
};

user = new Proxy(user, {
  get(target, prop) {
    if (prop in target) {
      return target[prop];
    } else if (prop == "sayFullName") {
      return () => {
        console.log(`${target.firstName} ${target.lastName}`);
      };
    }
  },
});
console.log(user.firstName);
user.sayFullName();

Proxyオブジェクトは最初のパラメータとして奪われたオブジェクトでhandlerに渡されます
handlerは上のようにtargetが奪われたユーザオブジェクトを指し,propがユーザの属性を指す.
user.ProxyオブジェクトはfirstNameをターゲットとします.道具で奪う.

2.実施

---

あわただしく

エージェントは、既存の値に影響を及ぼさずに、その値へのすべてのアクセスを受け入れることができます.

この記事はYouTube OnLifeCodingの講座を参考にしました