자바스크립트 프록시
2596 단어 javascript
프록시란?
JavaScript 프록시는 다른 객체를 감싸고 해당 객체에 대한 모든 작업을 가로채거나 재정의하는 객체입니다. 즉, 프록시는 개체에 어떤 일이 발생하는지 감시하고 프로그래머가 정의한 메서드를 수행합니다. 프록시를 생성하려면 객체와 핸들러 함수가 필요합니다. 예가 아래에 나와 있습니다.
예시:
const proxy1 = new Proxy(target, handler)
대상은 정의한 핸들러를 사용하여 제어하려는 개체입니다. 핸들러는 일반적으로 조회, 할당, 열거 및 함수 호출의 네 가지 범주로 나뉩니다. 이러한 함수는 트랩이라는 메서드를 구현할 수 있습니다. 이 기사에서는 get() 및 set()에 대해 설명합니다.
get() 예:
const user = {
firstName: 'John',
lastName: 'Doe',
email: '[email protected]',
}
const handler = {
get(target, property) {
return property === 'fullName' ?
`${target.firstName} ${target.lastName}` :
target[property];
}
};
let proxy = new Proxy(target, handler);
console.log(proxy.fullName) //=> John Doe
get Trap은 프록시 항목을 통해 개체에 액세스할 때 호출됩니다. 호출되는 객체와 속성을 받은 다음 다양한 유형의 정보를 반환합니다. 원래 객체에 저장되지 않은 것(예: fullName).
set() 예:
set Trap은 속성이 변경될 때 개체의 동작을 제어합니다.
const triangle = {
base: 100,
height: 50,
}
const handler = {
get: function (target, property){
if(property === 'area'){
return 0.5*target.base*target.height
}
return target[property]
},
set: function (target, property, value) {
if (typeof value !== 'number') {
throw new Error(`${property} must be a number.`);
}
if (value < 0) {
throw new Error(`The ${property} must be 18 or older.`)
}
}
target[property] = value;
}
};
const proxyUser = new Proxy(triangle, handler);
기타 함정
이제 나는 이것의 많은 부분이 이제 클래스를 통해 생성될 수 있다는 것을 알고 있지만 경량의 사용자 정의 가능한 프록시가 훌륭한 옵션이 될 수 있는 곳이 some 있다는 것을 압니다. 이것에 동의한다면 여기에 다른 것이 있습니다resource.
읽어주셔서 감사합니다. 다음 주에 다시 bash로 돌아갑니다. 그때 만나.
Reference
이 문제에 관하여(자바스크립트 프록시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dmarcr1997/javascript-proxy-1nf7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)