ES6--Proxy

最新推荐文章于 2021-10-30 01:16:26 发布

xj-L

最新推荐文章于 2021-10-30 01:16:26 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏： JS ES6 随记文章标签： ES6 Proxy

本文链接：https://blog.youkuaiyun.com/LL18781132750/article/details/81356181

JS 同时被 3 个专栏收录

40 篇文章

订阅专栏

随记

31 篇文章

订阅专栏

ES6

9 篇文章

订阅专栏

本文介绍了 JavaScript 中 Proxy 对象的基本用法，包括如何通过 Proxy 对目标对象进行拦截及自定义行为。通过一个简单的示例展示了如何使用 Proxy 来监控对象属性的读取并抛出错误。

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

本篇文章转载自我的个人博客

Proxy

Proxy可以理解为在对象前架设一个拦截层（过滤与改写）

定义：

var proxy = new Proxy(target,handler);

自带方法：

get(target,propKey,receiver);
set(target,propKey,value,receiver);
has(target,propKey);
deleteProperty(target,propKey);
ownKeys(target);
getOwnPropertyDescriptor(target,propKey);
defineProperty(target, propKey, propDesc);
preventExtensions(target);
getPrototypeOf(target);
isExtensible(target);
setPrototypeOf(target,proto);
apply(target,object,args);
construct(target,args);

get(target, name)

var person = {
	name: '张三'
};
var handler = {
    get: function(target, name) {
        if (name in target) {
            return person[name];
        } else {
             throw new ReferenceError(`${name} don't exist.`);
        }
    }
};
var proxy = new Proxy(person, handler);
proxy.name; //'张三'
proxy.age; //报错