[Javascript] Proxy

Proxy는 일종의 가로채기 기능을 제공하는 JS 표준 객체다.
사이드이펙트 범벅을 유도하는 Javascript다운 기능이다.

대부분의 환경에서 잘 구현되어있다.

먼저 아래와 같은 객체가 있다고 가정하겠다.

사실 어떤 형태의 객체든 상관없다. 함수도 되고 이런저런 값들 다 된다.

이걸 Proxy라는 객체로 감싸서 만들면 그때부터 프록시의 가로채기 모드가 활성화된다.
Proxy 생성자의 첫번째 인자는 원본 객체, 두번째 인자는 가로채기 동작을 정의하는 객체다.

여기서 get은 원본 객체에서 특정 필드를 가져오려 할때 어떤 동작을 할지를 정의한다. 이 동작 정의를 trap이라고 부른다.
저기서는 사용하려고 하는 필드가 없을 때 문자열만 반환하는 정도의 제어를 추가했다.

그러면 이렇게 가로채서 문자열이 반환된 것을 확인할 수 있다.

set은 반대로 필드에 값을 할당할때 호출되는 트리거다.

이런식으로 하면 의도한대로 값이 뒤집혀서 들어간다.

지원되는 trap은 get/set 외에도 deleteProperty, ownKeys, has, getOwnPropertyDescriptor 정도가 있다.
deleteProperty는 del로 필드 삭제를 시도할때 트리거되고, ownKeys는 for(A in N) 같은 프로퍼티 순회를 가로챈다.
has는 필드 확인용 A in B 연산자 동작을 가로챈다.

사실 사용을 그리 권할만한 기능은 아니지만, 아주 가끔 유용할 때가 있다.

참조
https://ko.javascript.info/proxy
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Proxy