我是靠谱客的博主 多情往事,最近开发中收集的这篇文章主要介绍proxy为什么要有代理对象,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

// 处理器对象
const baseHandler = {
// 陷阱函数,读取属性值时触发
// 参数target是目标对象
// 参数property是要获取的属性名
// 参数receiver是Proxy对象或者继承Proxy的对象
get(target, property, receiver){
console.log("获取值");
},
// 陷阱函数,写入属性值时触发
// 参数value是新的属性值
set(target, property, value, receiver){
console.log("设置值");
},
// 陷阱函数,删除属性时触发
deleteProperty(target, property){
console.log("删除属性");
}
}
// 目标对象
const target = {name: '张三'};
// 为目标对象创建代理对象
const proxy = new Proxy(target, baseHandler);
// 读取属性值
proxy.name;
// 设置属性值
proxy.name = '李四';
// 删除属性
delete proxy.name;

Proxy

Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。

const p = new Proxy(target, handler)

参数
target
要使用 Proxy 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。
handler
一个通常以函数作为属性的对象,各属性中的函数分别定义了在执行各种操作时代理 p 的行为。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy

最后

以上就是多情往事为你收集整理的proxy为什么要有代理对象的全部内容,希望文章能够帮你解决proxy为什么要有代理对象所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(67)

评论列表共有 0 条评论

立即
投稿
返回
顶部