代理与反射

最新推荐文章于 2023-02-01 09:43:09 发布

半点寒12W

最新推荐文章于 2023-02-01 09:43:09 发布

阅读量92

点赞数

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/bdh123b/article/details/121791124

版权

javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的代理(Proxy)和反射(Reflect)机制，它们提供了对象访问控制和元编程的能力。通过代理，可以自定义对象属性的读取、写入等行为，例如在读取属性时添加特殊标记。而反射API则提供了与代理陷阱对应的函数，用于低级别地操作对象。文中还展示了一个简单的代理实现，当读取属性时在属性值后添加感叹号。这些特性增强了JavaScript的灵活性和可扩展性。

摘要由CSDN通过智能技术生成

代理

代理是对象的访问控制，使用代理的好处。

读写属性时代码更简洁
对象的多个属性控制统一交给代理完成

反射

代理拦截行为使用了一个能够响应特定操作的函数（被称为陷阱），每个代理陷阱对应一个反射（Reflect）方法。
ES6 的反射 API 以 Reflect 对象的形式出现，对象每个方法都与对应的陷阱函数同名，并且接收的参数也与之一致。以下是 Reflect 对象的一些方法：

代理函数	特性	反射方法
get	读取一个属性的值	Reflect.get()
set	写入一个属性	Reflect.set()
has	in 运算符	Reflect.has()
deleteProperty	delete 运算符	Reflect.deleteProperty()
getPrototypeOf	Object.getPrototypeOf()	Reflect.getPrototypeOf()
isExtensible	Object.isExtensible()	Reflect.isExtensible()
defineProperty	Object.defineProperty()	Reflect.defineProperty
apply	调用一个函数	Reflect.apply()
construct	使用 new 调用一个函数	Reflect.construct()

实现一个简单的代理

需求：读取一个属性的时候添加！

var target= {name: "js"};
var proxy = new Proxy(target,{
    get(target,property,receiver) {
    		var decs = '';
        if(property == "name"){
            decs = '!';
        }
        return Reflect.get(...arguments) + decs;
    }
});
console.log(proxy.name);
输出：js!