ES6之Reflect

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对象方法一一对应。

Reflect.get(target, name, receiver)

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

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拦截:

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()方法的第一个参数不是对象,会报错。

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()方法的第一个参数不是对象,会报错:

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()方法的第一个参数不是函数,会报错:

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会报错:

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都会报错:

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对象可以简化这种操作。

Reflect.defineProperty(target, propertyKey, attributes)

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

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')会抛出错误,表示参数非法:

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会报错。

Reflect.preventExtensions(target)

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

Reflect.ownKeys (target)

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

(完)

本文分享自微信公众号 - coding个人笔记(gh_2ce38b49dae1),作者:wade

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-05-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • this的指向

    This的指向问题一直是JavaScript的一大核心,很多人都是觉得了解了,但是又模模糊糊。简单概括就是,this的指向永远是指向调用这个this的对象。下面...

    wade
  • 前端需要了解的HTTP协议

    前端工程师打交道最多的就是浏览器,不管做什么都离不开浏览器,其中HTTP协议往往会被我们忽略,但其实资源缓存、CDN加载、页面性能优化等等都离不开对HTTP协议...

    wade
  • 原型链prototype

    学过后台语言的都知道类、继承等面向对象思想,其实JavaScript也是一种面向对象的语言,只是平时开发时几乎不需要用到,也没有提供传统的基于类的继承系统,导致...

    wade
  • Vue 3 高阶指南之 Reflect

    Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象...

    公众号---志学Python
  • 一个事半功倍的Java反射库

    在Java和Android中,我们常常会使用反射来达到一些兼容的目的。Java原生提供的反射很是麻烦,使用起来很是不方便。比如我们想要调UserManager的...

    技术小黑屋
  • ECMAScript 6笔记(Symbol, Proxy 和 Reflect)

    版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

    空空云
  • 网易领投,AxonVR获VR触感技术领域最大融资额——580万美金

    VRPinea
  • 运维学python之爬虫中级篇(七)Sq

    前文已经讲过无数据库版本操作(csv,json),今天我们要开始讲有数据库版本的操作,首先就是sqlite3。

    py3study
  • Ajax与Python服务器交互,在网页

    然后就是通过点击按钮事件获取输入的内容;(用到了Ajax与服务器交互;它会自动封装请求行,请求头,空格,我们只需要把内容send就可以了)

    py3study
  • 分布式之消息队列复习精讲!

    小A,工作于传统软件行业(某社保局的软件外包公司),每天工作内容就是和产品聊聊需求,改改业务逻辑。再不然就是和运营聊聊天,写几个SQL,生成下报表。又或者接到客...

    Java后端技术

扫码关注云+社区

领取腾讯云代金券