JavaScript 프록시 설정 방법?

JavaScript 프록시 설정 방법?

 

JavaScript에서 프록시를 설정하려면, Proxy 객체를 사용해야 합니다. Proxy 객체는 새로운 객체를 생성할 때, 이 객체를 감싸서 다양한 동작을 추가하거나 제어할 수 있습니다.

 

Proxy 객체는 두 개의 인수를 받습니다. 첫 번째 인수는 감싸려는 원본 객체이고, 두 번째 인수는 handler 객체입니다. handler 객체는 원본 객체의 동작을 제어하는데 사용됩니다. handler 객체는 다양한 속성을 가지며, 그 중 가장 일반적인 속성은 get, set, apply 등입니다.

 

예를 들어, handler 객체의 get 메소드를 사용하여, 프로퍼티를 가져올 때 동작을 추가할 수 있습니다. 다음은 Proxy 객체를 사용하여 target 객체의 name 프로퍼티를 가져올 때, get 메소드를 사용하여 동작을 추가하는 예제입니다.

 

const target = {
  name: "John",
};

const handler = {
  get: function (target, prop) {
    console.log(`Getting value of ${prop}`);
    return target[prop];
  },
};

const proxy = new Proxy(target, handler);

console.log(proxy.name);

위 코드에서 proxy.name을 호출하면, handler 객체의 get 메소드가 실행되며, 콘솔에 "Getting value of name"이 출력됩니다. 그리고 target 객체의 name 프로퍼티의 값을 반환합니다.

 

Proxy 객체를 사용하여 다양한 동작을 추가하거나 제어할 수 있습니다. 예를 들어, set 메소드를 사용하여 프로퍼티에 값을 할당할 때, 동작을 추가할 수 있습니다. 또한, apply 메소드를 사용하여 함수 호출시 동작을 추가할 수도 있습니다.