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 }
1
2
3
4
5
6
7
8
9
10
11
12
13
14让
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')
1
2
3
4
5
6
7Reflect
对象的方法与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) } })
1
2
3
4
5
6
7
8
9
10
11
12
13下面是另一个例子
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); } });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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])
2
3
4
# Reflect.construct
function People(name) {
this.name = name
}
Reflect.construct(People, ['akara'])
2
3
4
5
# 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)]
2
3
4
5
6
7
8
9
10
11
12
13