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