[javascript] Proxy를 이용하여 watch 기능 구현

angularJS/angular에서 사용하던 watch 기능이 jquery를 쓰는 페이지에서도 필요하게 되서 검색해보니

Proxy를 통해서 구현하는 것을 확인하였다.

 

원하는 기능은 array형식의 변수에 개수의 사이즈가 1개이거나 0개가 될 경우, 특정 함수를 실행하고자 하는 것.

 

구현한 코드는 아래와 같다

var varWatch = new Proxy([], {
	get(target, property, value){
    	return target[property];
    },
    set(target, property, value){
    	if( property == 'length' ){
            if( value == 0 ){
            	// do action2
            } else if( value == 1 ){
            	// do action1
            }
        }
        //const oldValue = target[property];
        target[property] = value;
        return true;
	}
});

 

 

참고문헌:

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Proxy

Proxy

https://dev-momo.tistory.com/entry/javascript-ES6-Proxy

Javascript ES6 Proxy