07 Web全栈 ES6规范（Proxy与Reflect）

Proxy

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy

Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。

const p = new Proxy(target, handler)

target
要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。

handler
一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。

可撤销对象（不建议使用）
创建一个可撤销的Proxy对象

const {proxy, revoke} = Proxy.revocable()
revoke() // 代理被解除

Reflect

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与 proxy handler (en-US) 的方法相同。Reflect 不是一个函数对象，因此它是不可构造的。

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

const duck = {
  name: 'Maurice',
  color: 'white',
  greeting: function() {
    console.log(`Quaaaack! My name is ${this.name}`);
  }
}

Reflect.has(duck, 'color');
// true
Reflect.has(duck, 'haircut');
// false

返回这个对象自身的属性

Reflect.ownKeys(duck);
// [ "name", "color", "greeting" ]

babel术语

Presets
一系列配置的集合，里面可以有很多plugin 也可以对这些plugin进行参数设置（@babel/preset-env）

polyfill
补丁，用于兼容各个浏览器对于语法支持程度的不同，补充的方法或属性集合

plugin
现在，Babel虽然开箱即用，但是什么动作都不坐。他基本上类似于const babel = code => code；将代码解析之后在输出同样的代码。如果想要Babel做一些实际工作，就需要为其添加插件。

babel-loader 在webpack中的注意事项
babel6到babel7 是非兼容升级，导致很多报名都加了scope