JavaScript에서 프록시를 사용하여 속성에 대해 이러한 메서드 동작을 구현하지 않는 방법은 무엇입니까?

속성에 대한 프록시 기반 noSuchMethod 구현

JavaScript의 noSuchMethod 기능을 사용하면 존재하지 않는 메서드에 대한 호출을 가로챌 수 있습니다. . 그러나 속성에 대한 유사한 메커니즘이 있습니까?

구조를 위한 ES6 프록시

ES6 프록시는 속성 액세스를 사용자 정의하는 기능을 제공합니다. 이를 활용하여 속성에 대해 __noSuchMethod__와 유사한 동작을 에뮬레이트할 수 있습니다.

<code class="javascript">function enableNoSuchMethod(obj) {
  return new Proxy(obj, {
    get(target, p) {
      if (p in target) {
        return target[p];
      } else if (typeof target.__noSuchMethod__ == "function") {
        return function(...args) {
          return target.__noSuchMethod__.call(target, p, args);
        };
      }
    }
  });
}</code>

구현 예

다음은 프록시를 사용하여 알 수 없는 속성을 처리할 수 있는 "Dummy" 클래스를 구현하는 예입니다. :

<code class="javascript">function Dummy() {
  this.ownProp1 = "value1";
  return enableNoSuchMethod(this);
}

Dummy.prototype.test = function() {
  console.log("Test called");
};

Dummy.prototype.__noSuchMethod__ = function(name, args) {
  console.log(`No such method ${name} called with ${args}`);
};

var instance = new Dummy();
console.log(instance.ownProp1);
instance.test();
instance.someName(1, 2);
instance.xyz(3, 4);
instance.doesNotExist("a", "b");</code>

Usage

• __ownProp1__: 기존 속성 값을 기록합니다.
• __test__: 정의된 메서드를 트리거합니다.
• someName(1, 2)__: __noSuchMethod 후크에 의해 처리되는 인수를 사용하여 존재하지 않는 메서드를 호출합니다.
• __xyz(3, 4)__: 위와 비슷하지만 그렇지 않음을 보여줍니다. -함수 속성도 처리할 수 있습니다.
• __doesNotExist("a", "b")__: 제공된 인수를 사용하여 메서드/속성이 없음을 기록합니다.

위 내용은 JavaScript에서 프록시를 사용하여 속성에 대해 이러한 메서드 동작을 구현하지 않는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!