09 Reflect

89 阅读3分钟
├── Reflect
│   ├── 概述
│   │     └─ `Reflect`对象与`Proxy`对象一样,也是 ES6 为了操作对象而提供的新 API`Reflect`对象的设计目的有这样几个。
│   │     └─ 
│   ├── 设计目的
│   │     └─ (1) 将`Object`对象的一些明显属于语言内部的方法(比如`Object.defineProperty`),放到`Reflect`对象上。现阶段,某些方法同时在`Object``Reflect`对象上部署,未来的新方法将只部署在`Reflect`对象上。也就是说,从`Reflect`对象上可以拿到语言内部的方法。
│   │     └─ (2) 修改某些`Object`方法的返回结果,让其变得更合理。比如,`Object.defineProperty(obj, name, desc)`在无法定义属性时,会抛出一个错误,而`Reflect.defineProperty(obj, name, desc)`则会返回`false`。
│   │     └─ (3) 让`Object`操作都变成函数行为。某些`Object`操作是命令式,比如`name in obj``delete obj[name]`,而`Reflect.has(obj, name)``Reflect.deleteProperty(obj, name)`让它们变成了函数行为。
│   │     └─ (4`Reflect`对象的方法与`Proxy`对象的方法一一对应,只要是`Proxy`对象的方法,就能在`Reflect`对象上找到对应的方法。这就让`Proxy`对象可以方便地调用对应的`Reflect`方法,完成默认行为,作为修改行为的基础。也就是说,不管`Proxy`怎么修改默认行为,你总可以在`Reflect`上获取默认行为。
│   │     └─ 
│   ├── 静态方法
│   │     └─ - 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`对象的同名方法的作用都是相同的,而且它与`Proxy`对象的方法是一一对应的。下面是对它们的解释。
│   ├── 静态方法
│   │     └─ Reflect.get(target, name, receiver)
│   │         └─ `Reflect.get`方法查找并返回`target`对象的`name`属性,如果没有该属性,则返回`undefined`。
│   │         └─ 如果`name`属性部署了读取函数(getter),则读取函数的`this`绑定`receiver`。
│   │     └─ Reflect.set(target, name, value, receive
│   │         └─ `Reflect.set`方法设置`target`对象的`name`属性等于`value`。
│   │         └─ 如果`name`属性设置了赋值函数,则赋值函数的`this`绑定`receiver`。
│   │         └─ 注意,如果 `Proxy`对象和 `Reflect`对象联合使用,前者拦截赋值操作,后者完成赋值的默认行为,而且传入了`receiver`,那么`Reflect.set`会触发`Proxy.defineProperty`拦截。
│   │     └─ Reflect.has(obj, name)
│   │         └─ `Reflect.has`方法对应`name in obj`里面的`in`运算符。
│   │     └─ Reflect.deleteProperty(obj, name)
│   │         └─ 用于删除对象的属性。
│   │     └─ Reflect.construct(target, args)
│   │         └─ `Reflect.construct`方法等同于`new target(...args)`,这提供了一种不使用`new`,来调用构造函数的方法。
│   │     └─ Reflect.getPrototypeOf(obj)
│   │         └─ `Reflect.getPrototypeOf`方法用于读取对象的`__proto__`属性,对应`Object.getPrototypeOf(obj)`。
│   │     └─ Reflect.setPrototypeOf(obj, newProto)
│   │         └─ `Reflect.setPrototypeOf`方法用于设置目标对象的原型(prototype),对应`Object.setPrototypeOf(obj, newProto)`方法。它返回一个布尔值,表示是否设置成功。
│   │     └─ Reflect.apply(func, thisArg, args)
│   │         └─ 用于绑定 `this`对象后执行给定函数。
│   │         └─ ,但是如果函数定义了自己的`apply`方法 Reflect.apply(Math.min, Math, ages);
│   │     └─ Reflect.defineProperty(target, propertyKey, attributes)
│   │         └─ 用来为对象定义属性。未来,后者会被逐渐废除,请从现在开始就使用`Reflect.defineProperty`代替它。
│   │         └─ `Proxy.defineProperty`对属性赋值设置了拦截,然后使用`Reflect.defineProperty`完成了赋值。
│   │     └─ Reflect.getOwnPropertyDescriptor(target, propertyKey)
│   │         └─ 用于得到指定属性的描述对象,将来会替代掉后者。
│   │     └─ Reflect.isExtensible (target)
│   │         └─ 用来表示当前对象是否可扩展。返回一个布尔值,
│   │     └─ Reflect.preventExtensions(target)
│   │         └─ 用于让一个对象变为不可扩展。它返回一个布尔值,表示是否操作成功。
│   │     └─ Reflect.ownKeys (target)
│   │         └─ 用于返回对象的所有属性 基本等同于`Object.getOwnPropertyNames``Object.getOwnPropertySymbols`之和。
│   ├── 使用 Proxy 实现观察者模式
│   │     └─ 观察者模式(Observer mode)指的是函数自动观察数据对象,一旦对象有变化,函数就会自动执行。