高阶指南之 Reflect
Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect
不是一个函数对象,因此它是不可构造的。
描述
与大多数全局对象不同Reflect
并非一个构造函数,所以不能通过new 运算符对其进行调用,或者将Reflect
对象作为一个函数来调用。Reflect
的所有属性和方法都是静态的(就像Math
对象)。
Reflect
对象提供了以下静态方法,这些方法与proxy handler methods的命名相同.
其中的一些方法与 Object
相同, 尽管二者之间存在 某些细微上的差别 .
静态方法
(target, thisArgument, argumentsList)
对一个函数进行调用操作,同时可以传入一个数组作为调用参数。和 ()
功能类似。
(target, argumentsList[, newTarget\])
对构造函数进行 new
操作,相当于执行 new target(...args)
。
(target, propertyKey, attributes)
和 ()
类似。如果设置成功就会返回 true
(target, propertyKey)
作为函数的delete
操作符,相当于执行 delete target[name]
。
(target, propertyKey[, receiver\])
获取对象身上某个属性的值,类似于 target[name]。
(target, propertyKey)
类似于 ()
。如果对象中存在该属性,则返回对应的属性描述符, 否则返回 undefined
.
(target)
类似于 ()
。
(target, propertyKey)
判断一个对象是否存在某个属性,和 in
运算符 的功能完全相同。
(target)
类似于 ()
.
(target)
返回一个包含所有自身属性(不包含继承属性)的数组。(类似于 ()
, 但不会受enumerable影响
).
(target)
类似于 ()
。返回一个Boolean
。
(target, propertyKey, value[, receiver\])
将值分配给属性的函数。返回一个Boolean
,如果更新成功,则返回true
。
(target, prototype)
设置对象原型的函数. 返回一个 Boolean
, 如果更新成功,则返回true。
实际例子
检测一个对象是否存在特定属性
-
const duck = {
-
name: 'Maurice',
-
color: 'white',
-
greeting: function() {
-
(`Quaaaack! My name is ${}`);
-
}
-
}
-
-
(duck, 'color') // true
-
(duck, 'haircut') // false
返回这个对象自身的属性
-
(duck)
-
// // [ "name", "color", "greeting" ]
为这个对象添加一个新的属性
(duck, 'eyes', 'black');