├── 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)指的是函数自动观察数据对象,一旦对象有变化,函数就会自动执行。