ES6 学习笔记,如有错误，欢迎指正。
笔记只记录了一些个人认为需要记住的知识点，其他的可以参考文末的网站。
let 和 const 命令
ES6 新增了let 和 const 来声明变量。
var声明： var 声明 是声明 全局变量 的。
let声明： let 声明是 局部变量声明，所声明的变量只在 let 命令所在的代码块内有效。
const声明：const是 声明常量 的，const一旦声明就 必须初始化值，不能留到以后赋值，只声明不赋值就会报错。const的作用域和 let声明相同，只在声明所在的 块级作用域 中有效。另外需要注意的是，用 const 声明的常量 不能 再进行更改 。
注意：① const 和 let声明的变量，不可重复声明。
②const 和 let 声明的变量不存在 变量提升
③ ES5中没有块级作用域，ES6 中 引入了块级作用域。
上述情况在ES5 中的正确表现形式：运用了 闭包 和 立即执行函数，非常复杂
解析：用 var 声明时， 在全局范围内有效，所以全局变量只有一个 i ，每次循环 i 都会发生变化， 而函数内的 console.log(i) ， 里面的 i 指向 的就是全局的 i，而 函数又不是 立即执行，等到所有代码运行结束，才执行setTimeout ， 此时 i 已经为10 ， 所以输出 10个 10 ；
用 let 声明是，当前的 i 只在本轮循环有效 ， 每次循环的 i 其实都是一个 新 的变量。
变量的解构赋值（常用）
ES6 允许按照一定模式，从 数组 和 对象 中提取值，对变量进行赋值，这被称为解构（Destructuring）。
① 数组 的解构赋值
如果解构不成功，变量的值就等于undefined！！！！！
注意：解构赋值允许 使用默认值，ES6内部使用 严格相等运算符（===），只有当数组成员严格等于 undefined 的时候，默认值才会生效。（见下图，当数组成员等于 null 时候，默认值不会生效，因为 null 不严格等于 undefined）
② 对象 的解构赋值
对象的解构赋值的内部机制是先找到同名属性，再赋给对应的变量。真正被赋值的是后者，而不是前者。foo 是匹配模式，baz 才是变量 ,真正被赋值的是变量 baz，而不是模式 foo 。
对象的解构也可以指定默认值。
③ 字符串 的解构赋值
④ 函数参数 的解构赋值（见下文函数的扩展）
⑤ 用途：1. 交换变量的值
2.从函数返回多个值
函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。
3. 函数参数的定义
4.提取 JSON 数据（用途较广）
5. 函数参数的默认值
6. 遍历 Map 结构（见后文的 Iterator 笔记）
7. 输入模块的指定方法
const { SourceMapConsumer,SourceNode } = require("source-map");
字符串的扩展
字符串模板（运用广泛）：模板字符串（template string）是增强版的字符串，用反引号（`）标识。模板字符串中嵌入变量，需要将变量名写在 ${ } 之中。
使用模板字符串表示多行字符串，所有的 空格 和 缩进 都会被保留在输出之中。
函数的扩展
ES6 允许为函数的参数设置 默认值，即直接写在参数定义的后面。
注意：参数变量是默认声明的，所以不能用let或const再次声明。
使用参数默认值时，函数不能有同名参数。
与解构赋值默认值结合使用
上面代码只使用了 对象的解构赋值默认值，没有使用函数参数的默认值。只有当函数foo的参数是一个对象时，变量 x 和 y 才会通过解构赋值生成。如果函数foo调用时没提供参数，变量x和y就不会生成，从而报错。通过提供函数参数的默认值，就可以避免这种情况。
上面代码指定，如果没有提供参数，函数foo的参数 默认为一个空对象。
练习题
两种写法都对函数的参数 设定了默认值，区别是写法一函数参数的默认值是空对象，但是设置了对象解构赋值的默认值；写法二函数参数的默认值是一个有具体属性的对象，但是没有设置对象解构赋值的默认值。
简单来讲，就是 传了参数，函数参数的默认值就不会起作用 ； 没传参数，函数参数的默认值起作用。
传了参数， 解构赋值的默认值 和 传入的参数 进行解构，写法二 没有 解构默认值，所以 如果 传进去的值，有缺少 X 或者 y，缺少的一个 都是 undefined。
rest 参数
ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。
简单来说，rest 参数 是一个 数组！！！！！！ 将 参数 都放入 一个数组中去。
rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。
箭头函数: ES6 允许使用“箭头”（=>）定义函数。
如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。
箭头函数可以与变量解构结合使用。
注意 !!!!!!!!!!
（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。
上面四点中，第一点尤其值得注意。this对象的指向是可变的，但是在箭头函数中，它是固定的。
上面代码中，转换后的 ES5 版本清楚地说明了，箭头函数里面根本没有自己的this，而是引用外层的this。
数组的扩展
① 扩展运算符
扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组 转为 用逗号分隔的参数序列。
该运算符主要用于函数的调用，将一个数组变成参数序列。
扩展运算符的运用：1. 复制数组
2.合并数组
3.与解构赋值结合
如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。
4.字符串
② Array.from( ) : Array.from方法用于将 两类对象 转为 真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）.
这就是一个标准的JSON数组格式，跟普通的JSON对比是在最后多了一个length属性。只要是这种 特殊的json格式 都可以轻松使用ES6的语法转变成数组。（必须要有length 属性！！！！！）
③ Array.of( ) :将一组值转换为数组。
Array.of总是返回参数值组成的数组。如果没有参数，就返回一个空数组。
④ find( )实例方法
数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。
find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。
⑤ includes( ) 实例方法
表示某个数组是否包含给定的值，返回 布尔值
⑥ fill( ) 实例方法
数组进行填充，它接收三个参数，第一个参数是填充的变量，第二个是开始填充的位置，第三个是填充到的位置。数组中已有的元素，会被全部抹去。
对象的扩展
属性的简洁表示法：ES6 中允许在对象中，直接写变量。这时，属性名为变量名，属性值为变量的值。
方法的简洁表示法
综合运用
属性名表达式
ES6 允许字面量定义对象时，用 表达式 作为对象的属性名，即把表达式放在方括号内。
Object.is( ) 对象比较
它用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。
Object.assign( )合并对象
Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。
注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。
Object.keys( 对象 )
Object.keys方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的 键名。
Object.values( 对象 )
Object.values方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的 键值。
