ES6学习之Reflect
Posted 枫叶布
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6学习之Reflect相关的知识,希望对你有一定的参考价值。
Reflect
对象与Proxy
对象一样,也是 ES6 为了操作对象而提供的新 API
Reflect设计目的:
- 将
Object
对象的一些明显属于语言内部的方法(比如Object.defineProperty
),放到Reflect
对象上。 - 修改某些
Object
方法的返回结果,让其变得更合理。比如,Object.defineProperty(obj, name, desc)
在无法定义属性时,会抛出一个错误,而Reflect.defineProperty(obj, name, desc)
则会返回false
。 - 让
Object
操作都变成函数行为。某些Object
操作是命令式,比如name in obj
和delete obj[name]
,而Reflect.has(obj, name)
和Reflect.deleteProperty(obj, name)
让它们变成了函数行为。 Reflect
对象的方法与Proxy
对象的方法一一对应,只要是Proxy
对象的方法,就能在Reflect
对象上找到对应的方法。也就是说,不管Proxy
怎么修改默认行为,你总可以在Reflect
上获取默认行为。
Proxy(target, { set: function(target, name, value, receiver) { var success = Reflect.set(target,name, value, receiver); if (success) { log(‘property ‘ + name + ‘ on ‘ + target + ‘ set to ‘ + value); } return success; } });
静态方法(与Proxy
对象的方法一一对应)
- Reflect.apply(target, thisArg, args):等同于
Function.prototype.apply.call(func, thisArg, args)
,用于绑定this
对象后执行给定函数。 - Reflect.construct(target, args):等同于
new target(...args)
,这提供了一种不使用new
,来调用构造函数的方法。 - Reflect.get(target, name, receiver):查找并返回
target
对象的name
属性,如果没有该属性,则返回undefined
。 - Reflect.set(target, name, value, receiver):设置
target
对象的name
属性等于value。如果
name
属性设置了赋值函数,则赋值函数的this
绑定receiver
。 - Reflect.defineProperty(target, name, desc):等同于
Object.defineProperty
,用来为对象定义属性。 - Reflect.deleteProperty(target, name):等同于
delete obj[name]
,用于删除对象的属性 - Reflect.has(target, name):对应
name in obj
里面的in
运算符 - Reflect.ownKeys(target):用于返回对象的所有属性,基本等同于
Object.getOwnPropertyNames
与Object.getOwnPropertySymbols
之和。 - Reflect.isExtensible(target):对应
Object.isExtensible
,返回一个布尔值,表示当前对象是否可扩展 - Reflect.preventExtensions(target):对应
Object.preventExtensions
方法,用于让一个对象变为不可扩展。它返回一个布尔值,表示是否操作成功。 - Reflect.getOwnPropertyDescriptor(target, name):等同于
Object.getOwnPropertyDescriptor
,用于得到指定属性的描述对象 - Reflect.getPrototypeOf(target):用于读取对象的
__proto__
属性,对应Object.getPrototypeOf(obj)
。 - Reflect.setPrototypeOf(target, prototype):用于设置对象的
__proto__
属性,返回第一个参数对象,对应Object.setPrototypeOf(obj, newProto)
。
以上是关于ES6学习之Reflect的主要内容,如果未能解决你的问题,请参考以下文章