2021-07-14 js笔记

zhangmingze6162

已于 2022-09-03 21:54:37 修改

阅读量118

点赞数

分类专栏：学习笔记文章标签： js

于 2021-07-14 22:47:54 首次发布

本文链接：https://blog.youkuaiyun.com/zhangmingze6162/article/details/118739208

版权

学习笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript中的Proxy对象，它用于创建对象的代理，实现对基本操作的拦截和自定义。通过handler对象定义不同操作的行为，如属性查找、赋值等。基础实例展示了如何使用Proxy进行属性访问的拦截，返回默认值。Proxy在实现数据封装和访问控制等方面具有广泛应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单语法:

Proxy

对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）
const p = new Proxy(target, handler)
target （可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。
handler 一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。
基础实例

const handler = {
    get: function(obj, prop) {
        return prop in obj ? obj[prop] : 37;
    }
};

const p = new Proxy({}, handler);
p.a = 1;
p.b = undefined;

console.log(p.a, p.b);      // 1, undefined
console.log('c' in p, p.c); // false, 37

proxy主要用于创建代理对象