跳到主要内容

Reflect 反射

  • Reflect 是 JavaScript 中的一个内置对象，它提供了一组静态方法来操作对象。这些方法与 Proxy 对象的拦截器方法一一对应，使得在代理对象中处理默认行为变得更加方便。Reflect 方法的设计目标是简化对象操作，并提供一种更一致的方式来执行常见的对象操作。
  • Reflect 的主要特点：
    • 一致性：Reflect 方法的行为与 JavaScript 中的其他操作（如 Object 方法）一致，但提供了更清晰的 API。
    • 与 Proxy 配合使用：Reflect 方法与 Proxy 对象的拦截器方法一一对应，使得在代理对象中处理默认行为变得更加方便。
    • 返回值：Reflect 方法通常返回布尔值或操作结果，而不是抛出异常，这使得错误处理更加方便。
  • Reflect 提供了一种更简洁、更一致的方式来执行常见的对象操作。它与 Proxy 对象紧密配合，使得在代理对象中处理默认行为变得更加方便。通过使用 Reflect，开发者可以编写更清晰、更易维护的代码。

常见方法​

1. get​

  • 获取对象属性的值
let obj = {example: 42};
let value = Reflect.get(obj, 'example');
logd(value); // 输出 42

2. set​

  • 设置对象属性的值
let obj = {};
Reflect.set(obj, 'example', 42);
logd(obj.example); // 输出 42

3. has​

  • 检查对象中是否存在某个属性
let obj = { example: 42 };
let hasProperty = Reflect.has(obj, 'example');
logd(hasProperty); // 输出 true

4. deleteProperty​

  • 删除对象属性
let obj = { example: 42 };
Reflect.deleteProperty(obj, 'example');
logd(obj.example); // 输出 undefined

5. ownKeys​

  • 获取对象的所有自身属性键（字符串键）
let obj = {example: 42, key: 'value'};
let keys = Reflect.ownKeys(obj);
logd(keys); // 输出 ['example', 'key']

6. apply​

  • 调用函数
  • apply 方法接受三个参数：要调用的函数、调用函数的上下文（this）和参数数组。
function sum(a, b) {
    return a + b;
}

let result = Reflect.apply(sum, null, [1, 2]);
logd(result); // 输出 3

7. construct​

  • 创建一个新对象，使用提供的构造函数和参数
  • construct 方法接受两个参数：构造函数和参数数组。
function Example(value) {
    this.value = value;
}

let instance = Reflect.construct(Example, [42]);
logd(instance.value); // 输出 42