前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6之Reflect

ES6之Reflect

作者头像
wade
发布2020-04-23 17:00:14
3350
发布2020-04-23 17:00:14
举报
文章被收录于专栏:coding个人笔记coding个人笔记

Reflext对象和Proxy对象一样,都是为了操作对象而新增的,目的:

将Object对象一些明显属于语言内部的方法放到Reflect对象上,比如Object.defineProperty,未来新方法只部署在Reflect对象上。

修改Object方法的返回结果,变的更合理,比如Object.defineProperty在无法定义属性时,会抛出一个错误,而Reflect.defineProperty则会返回false。

让Object操作都变成函数行为。某些Object操作是命令式,比如name in obj和delete obj[name],而Reflect.has(obj, name)和Reflect.deleteProperty(obj, name)让它们变成了函数行为。

Reflect对象的方法与Proxy对象的方法一一对应,只要是Proxy对象的方法,就能在Reflect对象上找到对应的方法。这就让Proxy对象可以方便地调用对应的Reflect方法。也就是说,不管Proxy怎么修改默认行为,你总可以在Reflect上获取默认行为。

跟Proxy一样,Reflect也有13个静态方法:

Reflect.apply(target, thisArg, args)

Reflect.construct(target, args)

Reflect.get(target, name, receiver)

Reflect.set(target, name, value, receiver)

Reflect.defineProperty(target, name, desc)

Reflect.deleteProperty(target, name)

Reflect.has(target, name)

Reflect.ownKeys(target)

Reflect.isExtensible(target)

Reflect.preventExtensions(target)

Reflect.getOwnPropertyDescriptor(target, name)

Reflect.getPrototypeOf(target)

Reflect.setPrototypeOf(target, prototype)

大部分和Object对象同名方法作用一样,最重要的是与Proxy对象方法一一对应。

代码语言:javascript
复制
Reflect.get(target, name, receiver)

查找并返回target对象的name属性,如果没有该属性,则返回undefined。如果name属性部署了读取函数(getter),则读取函数的this绑定receiver,如果第一个参数不是对象,Reflect.get方法会报错。:

代码语言:javascript
复制
var obj = {
    a: 1,
    b: 2,
    get c(){
        return this.a + this.b;
    }
}
var robj = {
    a: 4,
    b: 5
}
console.log(Reflect.get(obj, 'a'));//1
console.log(Reflect.get(obj, 'b'));//2
console.log(Reflect.get(obj, 'c', robj));//9
Reflect.set(target, name, value, receiver)

设置target对象的name属性等于value。如果name属性设置了赋值函数,则赋值函数的this绑定receiver。如果第一个参数不是对象,Reflect.set会报错。如果 Proxy对象和 Reflect对象联合使用,前者拦截赋值操作,后者完成赋值的默认行为,而且传入了receiver,那么Reflect.set会触发Proxy.defineProperty拦截:

代码语言:javascript
复制
var obj = {
    a: 1,
    set b(value){
        return this.a = value;
    }
}
var robj = {
    a: 10
}
console.log(obj.a);//1
Reflect.set(obj, 'a', 10);
console.log(obj.a);//10
Reflect.set(obj, 'b', 20, robj);
console.log(obj.a);//10
console.log(robj.a);//20
Reflect.has(obj, name)

Reflect.has方法对应name in obj里面的in运算符。如果Reflect.has()方法的第一个参数不是对象,会报错。

代码语言:javascript
复制
var obj = {
    a: 1,
}
console.log('a' in obj);//true
console.log(Reflect.has(obj, 'a'));//true
Reflect.deleteProperty(obj, name)

Reflect.deleteProperty方法等同于delete obj[name],用于删除对象的属性。该方法返回一个布尔值。如果删除成功,或者被删除的属性不存在,返回true;删除失败,被删除的属性依然存在,返回false。如果Reflect.deleteProperty()方法的第一个参数不是对象,会报错:

代码语言:javascript
复制
var obj = {
    a: 1,
}
console.log(obj.a);//1
delete obj.a
console.log(obj.a);//undefined
var obj = {
    a: 1,
}
console.log(obj.a);//1
console.log(Reflect.deleteProperty(obj, 'a'));//true
console.log(obj.a);//undefined
Reflect.construct(target, args)

Reflect.construct方法等同于new target(...args),这提供了一种不使用new,来调用构造函数的方法。如果Reflect.construct()方法的第一个参数不是函数,会报错:

代码语言:javascript
复制
function User(name) {
}
var user = new User('wade');
var user = Reflect.construct(User, ['wade']);
Reflect.getPrototypeOf(obj)

Reflect.getPrototypeOf方法用于读取对象的__proto__属性,对应Object.getPrototypeOf(obj)。区别是,如果参数不是对象,Object.getPrototypeOf会将这个参数转为对象,然后再运行,而Reflect.getPrototypeOf会报错:

代码语言:javascript
复制
function User() {};
var user = new User();
console.log(Object.getPrototypeOf(user) === User.prototype);//true
console.log(Reflect.getPrototypeOf(user) === User.prototype);//true
Reflect.setPrototypeOf(obj, newProto)

Reflect.setPrototypeOf方法用于设置目标对象的原型(prototype),对应Object.setPrototypeOf(obj, newProto)方法。它返回一个布尔值,表示是否设置成功。如果无法设置目标对象的原型(目标对象禁止扩展),Reflect.setPrototypeOf方法返回false。

如果第一个参数不是对象,Object.setPrototypeOf会返回第一个参数本身,而Reflect.setPrototypeOf会报错。如果第一个参数是undefined或null,Object.setPrototypeOf和Reflect.setPrototypeOf都会报错:

代码语言:javascript
复制
function User() {};
User.prototype.a = 1;
var user = new User();
function Son() {};
Son.prototype.a = 2;
var user = new User();
Reflect.setPrototypeOf(user, Son.prototype);
console.log(user.a);//2
Reflect.apply(func, thisArg, args)

Reflect.apply方法等同于Function.prototype.apply.call(func, thisArg, args),用于绑定this对象后执行给定函数。绑定一个函数的this对象,可以这样写fn.apply(obj, args),但是如果函数定义了自己的apply方法,就只能写成Function.prototype.apply.call(fn, obj, args),采用Reflect对象可以简化这种操作。

代码语言:javascript
复制
Reflect.defineProperty(target, propertyKey, attributes)

Reflect.defineProperty方法基本等同于Object.defineProperty,用来为对象定义属性。未来,后者会被逐渐废除,从现在开始就使用Reflect.defineProperty代替它,如果Reflect.defineProperty的第一个参数不是对象,就会抛出错误:

代码语言:javascript
复制
var obj = {};
Reflect.defineProperty(obj, 'a', {
    value: 1
});
console.log(obj.a);//1
Reflect.getOwnPropertyDescriptor(target, propertyKey) 

Reflect.getOwnPropertyDescriptor基本等同于Object.getOwnPropertyDescriptor,用于得到指定属性的描述对象,将来会替代掉后者。区别是,如果第一个参数不是对象,Object.getOwnPropertyDescriptor(1, 'foo')不报错,返回undefined,而Reflect.getOwnPropertyDescriptor(1, 'foo')会抛出错误,表示参数非法:

代码语言:javascript
复制
var obj = {};
Reflect.defineProperty(obj, 'a', {
    value: 1,
});
console.log(Reflect.getOwnPropertyDescriptor(obj, 'a'));
configurable: false
enumerable: false
value: 1
writable: false
Reflect.isExtensible (target)

Reflect.isExtensible方法对应Object.isExtensible,返回一个布尔值,表示当前对象是否可扩展。如果参数不是对象,Object.isExtensible会返回false,因为非对象本来就是不可扩展的,而Reflect.isExtensible会报错。

代码语言:javascript
复制
Reflect.preventExtensions(target)

Reflect.preventExtensions对应Object.preventExtensions方法,用于让一个对象变为不可扩展。它返回一个布尔值,表示是否操作成功。如果参数不是对象,Object.preventExtensions在 ES5 环境报错,在 ES6 环境返回传入的参数,而Reflect.preventExtensions会报错。

代码语言:javascript
复制
Reflect.ownKeys (target)

Reflect.ownKeys方法用于返回对象的所有属性,基本等同于Object.getOwnPropertyNames与Object.getOwnPropertySymbols之和。如果Reflect.ownKeys()方法的第一个参数不是对象,会报错。

(完)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-05-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档