Reflect
Reflect
对象的设计目的有这样几个。
将许多
Object
上的方法,如Object.defineProperty
放在了Reflect
上。现阶段,某些方法同时在Object
和Reflect
对象上部署,未来的新方法将只部署在Reflect
对象上。也就是说,从Reflect
对象上可以拿到语言内部的方法。修改某些
Object
方法的返回结果,让其变得更合理。比如,Object.defineProperty(obj, name, desc)
在无法定义属性时,会抛出一个错误,而Reflect.defineProperty(obj, name, desc)
则会返回false
。// 老写法
try {
Object.defineProperty(target, property, attributes);
// success
} catch (e) {
// failure
}
// 新写法
if (Reflect.defineProperty(target, property, attributes)) {
// success
} else {
// failure
}让
Object
操作都变成函数行为。某些Object
操作是命令式,比如name in obj
和delete obj[name]
,而Reflect.has(obj, name)
和Reflect.deleteProperty(obj, name)
让它们变成了函数行为。// 老写法
'assign' in Object // true
delete obj.name
// 新写法
Reflect.has(Object, 'assign') // true
Reflect.deleteProperty(obj, 'name')Reflect
对象的方法与Proxy
对象的方法一一对应,只要是Proxy
对象的方法,就能在Reflect
对象上找到对应的方法。这就让Proxy
对象可以方便地调用对应的Reflect
方法,完成默认行为,作为修改行为的基础。也就是说,不管Proxy
怎么修改默认行为,你总可以在Reflect
上获取默认行为。// 老写法
Proxy(target, {
set: function(target, name, value, receiver) {
target[name] = value
}
})
// 新写法
Proxy(target, {
set: function(target, name, value, receiver) {
Reflect.set(target, name, value, receiver)
}
})下面是另一个例子
var loggedObj = new Proxy(obj, {
get(target, name) {
console.log('get', target, name);
return Reflect.get(target, name);
},
deleteProperty(target, name) {
console.log('delete' + name);
return Reflect.deleteProperty(target, name);
},
has(target, name) {
console.log('has' + name);
return Reflect.has(target, name);
}
});
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
上已经部署的方法,如Object.getPrototypeOf
对应的Reflect.getPrototypeOf
。Reflect
上还部署了一些有意思的方法。
Reflect.apply
Reflect.apply(function (a, b) {
console.log(this.name)
console.log(a + b)
}, {name: 'akara'}, [1, 2])
Reflect.construct
function People(name) {
this.name = name
}
Reflect.construct(People, ['akara'])
Reflect.ownKeys
Reflect.ownKeys
方法用于返回对象的所有属性,基本等同于Object.getOwnPropertyNames
与Object.getOwnPropertySymbols
之和。
let obj = {
[Symbol('name')]: 'akara',
age: 21
}
Object.getOwnPropertyNames(obj)
// ["age"]
Object.getOwnPropertySymbols(obj)
// [Symbol(name)]
Reflect.ownKeys(obj)
// ["age", Symbol(name)]