前言
小伙伴们大家好。前两篇文章中为大家分享了es6中新增的Proxy。今天将继续给大家分享ES6中新增的知识点 - Reflect。什么是Reflect呢,Reflect又是干什么的?下面为大家揭晓。
Reflect
ES6为了能够更好的操作对象而新增了Reflect,它是JS中的一个全局的普通的对象,它的原型就是Object。Reflect翻译过来是反射的意思,那么为什么会取名为Reflect呢?是因为Reflect提供了一系列方法,开发者可以通过调用这些方法访问一些js底层的功能,由于它类似于其它语言的反射,因此取名为Reflect。
Reflect对象的设计有如下几个目的:
- 1.将Object一些明显属于内部的方法(如Object.defineProperty)放到Reflect对象上。后面就可以直接通过Reflect来访问这些方法。(目前一些方法同时存在于Reflect和Object上,将来再定义一些新的方法将只会部署到Reflect上,后面使用也是直接通过Reflect来使用)
- 2.修改Object方法的返回结果,让其显得更合理。比如,Object.defineProperty(obj,name,desc)在无法定义属性时会抛出错误,而通过Reflect.defineProperty(obj,name,desc)来操作则返回false而不是抛出错误。
- 3.让Object的操作都变成函数行为,比如删除某个属性或者判断某个属性在Object中是否存在时,Object用的是:delete obj[xxx] 和 xxx in obj。而使用Reflect则是:Reflect.deleteProperty(obj, xxx) 和 Reflect.has(obj, xxx)。
- 4.Reflect对象中的方法与Proxy中的方法是一一对应的。只要是在Proxy对象中的方法在Reflect中都能找到。这样Proxy对象就可以通过调用Reflect中对应的方法完成默认行为,作为修改行为的基础。也就是说不管Proxy怎么修改默认行为,都可以通过Reflect来获取默认行为。
下面来看几个相关案例
// 1. Object中的一些方法放到Reflect上
let obj = {
};
Object.defineProperty(