Vue 3 高阶指南之 Reflect

时间:2025-04-07 16:57:03

高阶指南之 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。

实际例子

检测一个对象是否存在特定属性

  1. const duck = {
  2.   name: 'Maurice',
  3.   color: 'white',
  4.   greeting: function() {
  5.     (`Quaaaack! My name is ${}`);
  6.   }
  7. }
  8. (duck, 'color'// true
  9. (duck, 'haircut'// false

返回这个对象自身的属性

  1. (duck)
  2. // // [ "name", "color", "greeting" ]

为这个对象添加一个新的属性

(duck, 'eyes''black');