ES6--Reflect

阳光穿透心脏的1/2处 2021-08-13 13:03 366阅读 0赞

#### Reflect ####

ES6 中将 Object 的一些明显属于语言内部的方法移植到了 Reflect 对象上（当前某些方法会同时存在于 Object 和 Reflect 对象上），未来的新方法会只部署在 Reflect 对象上。

Reflect 对象对某些方法的返回结果进行了修改，使其更合理。

Reflect 对象使用函数的方式实现了 Object 的命令式操作。

**静态方法**

Reflect.get(target, name, receiver)

查找并返回 target 对象的 name 属性。

--------------------

Reflect.set(target, name, value, receiver)

将 target 的 name 属性设置为 value。返回值为 boolean ，true 表示修改成功，false 表示失败。当 target 为不存在的对象时，会报错。

--------------------

Reflect.has(obj, name)

是 name in obj 指令的函数化，用于查找 name 属性在 obj 对象中是否存在。返回值为 boolean。如果 obj 不是对象则会报错 TypeError。

let exam = { 
        name: "Tom",
        age: 24
    }
    Reflect.has(exam, 'name'); // true

--------------------

Reflect.deleteProperty(obj, property)

是 delete obj\[property\] 的函数化，用于删除 obj 对象的 property 属性，返回值为 boolean。如果 obj 不是对象则会报错 TypeError。

let exam = { 
        name: "Tom",
        age: 24
    }
    Reflect.deleteProperty(exam , 'name'); // true
    exam // {age: 24} 
    // property 不存在时，也会返回 true
    Reflect.deleteProperty(exam , 'name'); // true

--------------------

Reflect.construct(obj, args)

等同于 new target(…args)。

function exam(name){ 
        this.name = name;
    }
    Reflect.construct(exam, ['Tom']); // exam {name: "Tom"}

--------------------

Reflect.getPrototypeOf(obj)

用于读取 obj 的 *proto* 属性。在 obj 不是对象时不会像 Object 一样把 obj 转为对象，而是会报错。

class Exam{ }
    let obj = new Exam()
    Reflect.getPrototypeOf(obj) === Exam.prototype // true

--------------------

Reflect.setPrototypeOf(obj, newProto)

用于设置目标对象的 prototype。

let obj ={ }
    Reflect.setPrototypeOf(obj, Array.prototype); // true

--------------------

Reflect.apply(func, thisArg, args)

等同于 Function.prototype.apply.call(func, thisArg, args) 。func 表示目标函数；thisArg 表示目标函数绑定的 this 对象；args 表示目标函数调用时传入的参数列表，可以是数组或类似数组的对象。若目标函数无法调用，会抛出 TypeError 。

Reflect.apply(Math.max, Math, [1, 3, 5, 3, 1]); // 5

--------------------

Reflect.defineProperty(target, propertyKey, attributes)

用于为目标对象定义属性。如果 target 不是对象，会抛出错误。

--------------------

Reflect.getOwnPropertyDescriptor(target, propertyKey)

用于得到 target 对象的 propertyKey 属性的描述对象。在 target 不是对象时，会抛出错误表示参数非法，不会将非对象转换为对象。

var exam = { }
    Reflect.defineProperty(exam, 'name', { 
      value: true,
      enumerable: false,
    })
    Reflect.getOwnPropertyDescriptor(exam, 'name')
    // { configurable: false, enumerable: false, value: true, writable:
    // false}
     
     
    // propertyKey 属性在 target 对象中不存在时，返回 undefined
    Reflect.getOwnPropertyDescriptor(exam, 'age') // undefined

--------------------

Reflect.isExtensible(target)

用于判断 target 对象是否可扩展。返回值为 boolean 。如果 target 参数不是对象，会抛出错误。

let exam = { }
    Reflect.isExtensible(exam) // true

--------------------

Reflect.preventExtensions(target)

用于让 target 对象变为不可扩展。如果 target 参数不是对象，会抛出错误。

let exam = { }
    Reflect.preventExtensions(exam) // true

--------------------

Reflect.ownKeys(target)

用于返回 target 对象的所有属性，等同于 Object.getOwnPropertyNames 与Object.getOwnPropertySymbols 之和。

var exam = { 
      name: 1,
      [Symbol.for('age')]: 4
    }
    Reflect.ownKeys(exam) // ["name", Symbol(age)]

#### Proxy与Reflect组合使用 ####

Reflect 对象的方法与 Proxy 对象的方法是一一对应的。所以 Proxy 对象的方法可以通过调用 Reflect 对象的方法获取默认行为，然后进行额外操作。

**使用场景拓展**

实现观察者模式

// 定义 Set 集合
    const queuedObservers = new Set();
    // 把观察者函数都放入 Set 集合中
    const observe = fn => queuedObservers.add(fn);
    // observable 返回原始对象的代理，拦截赋值操作
    const observable = obj => new Proxy(obj, { set});
    function set(target, key, value, receiver) { 
      // 获取对象的赋值操作
      const result = Reflect.set(target, key, value, receiver);
      // 执行所有观察者
      queuedObservers.forEach(observer => observer());
      // 执行赋值操作
      return result;
    }