欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6之Reflect

程序员文章站 2024-02-20 19:23:28
...

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

转载于:https://juejin.im/post/5cedfb9bf265da1bc94ecfee