阅ES6..(简记)

let
const 常量
do{} 获取返回值

---

数组解构赋值.
let [a, b, c] = ['ha', 'haha', 'hahaha']

<数组的元素是按次序排列的，变量的取值由它的位置决定>

对象解构赋值
let {a, b} = {b: 'ha', a: 'haha'} a = 'haha' , b = 'ha'
or
let {c : b} = {a: 'haha', b: 'ha', c: 'hahaha'} b = 'hahaha'

<对象的属性没有次序，变量必须与属性同名，才能取到正确的值。>

字符串结构赋值
const [a, b, c, d, e] = 'hello'
let = {length : len} = 'hello'

数值/布尔值解构赋值
会先转为对象

函数解构赋值
function move({x, y} = { x: 0, y: 0 }) {
return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, undefined]
move({}); // [undefined, undefined]
move();

建议只要有可能，就不要在模式中放置圆括号。

解构用途:

1. 交换变量值
2. 从函数内返回多个值
3. 函数参数的定义
4. 提取JSON数据
5. 函数参数的默认值
6. 遍历Map结构
7. 输入模块的指定方法

---

• 相当于 indexOf()
includes()：返回布尔值，表示是否找到了参数字符串。
  startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。
  endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部。

• 返回一个新字符串，表示将原字符串重复n次。
  repeat()

• ES2017 引入了字符串补全长度的功能:
  padStart()
padEnd()
  <用途是为数值补全指定位数 或 提示字符串格式。>

• 提示字符串格式

• 模板编译

• 往往用来充当模板字符串的处理函数，返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串，对应于替换变量后的模板字符串。
  String.raw()

-模板字符串的限制

---

• 用来检查一个数值是否为有限的/NAN
  Number.isFinite()
Number.isNaN()

• 判断一个值是否为整数。
  Number.isInteger()

• 在Number对象上面，新增一个极小的常量
  Number.EPSILON

• 判断一个整数是否落在这个范围之内。
  Number.isSafeInteger()

• 范围上下限
  Number.MAX_SAFE_INTEGER
Number.MIN_SAFE_INTEGER

• 用于去除一个数的小数部分，返回整数部分。
  Math.trunc()

• 判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值。
  Math.sign

• 计算一个数的立方根。
  Math.cbrt

• 返回一个数的32位无符号整数形式有多少个前导0。
  Math.clz32

• 返回两个数以32位带符号整数形式相乘的结果，返回的也是一个32位的带符号整数。
  Math.imul

• 返回一个数的单精度浮点数形式。
  Math.fround

• 返回所有参数的平方和的平方根。
  Math.hypot

• 对数方法:Math.expm1(x)返回ex - 1，即Math.exp(x) - 1。
  Math.expm1()

• Math.log1p(x)方法返回1 + x的自然对数，即Math.log(1 + x)。如果x小于-1，返回NaN
  Math.log1p()

• 返回以10为底的x的对数。如果x小于0，则返回NaN。
  Math.log10()

• 返回以2为底的x的对数。如果x小于0，则返回NaN。
  Math.log2()

• ES6 新增 双曲函数方法
  Math.sinh(x) 返回x的双曲正弦（hyperbolic sine）
  Math.cosh(x)返回x的双曲余弦（hyperbolic cosine）
  Math.tanh(x)返回x的双曲正切（hyperbolic tangent）
  Math.asinh(x)返回x的反双曲正弦（inverse hyperbolic sine）
  Math.acosh(x)返回x的反双曲余弦（inverse hyperbolic cosine）
  Math.atanh(x)返回x的反双曲正切（inverse hyperbolic tangent）

• 判断一个值的正负，但是如果参数是-0，它会返回-0。
  Math.sign()

• 指数运算符
  **=
**

---

• 函数参数的默认值

• 与解构赋值默认值结合使用

• 参数默认值的位置

• 函数的 length 属性

• 作用域

• 应用
  利用参数默认值，可以指定某一个参数不得省略，如果省略就抛出一个错误。

• rest 参数 （形式为...变量名）
  用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。

• 严格模式
  ES6做了一点修改，规定只要函数参数使用了默认值、解构赋值、或者扩展运算符，那么函数内部就不能显式设定为严格模式，否则会报错。
  *对应方法:①设定全局性的严格模式②把函数包在一个无参数的立即执行函数里面

• 返回该函数的函数名。
  (function(){}).bind({}).name

• 箭头函数
  ( ) => { }
  注意4点:
  ①函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
  ②不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
  ③不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
  ④不可以使用yield命令，因此箭头函数不能用作 Generator 函数。

• 嵌套的箭头函数

• 绑定 this
  函数绑定运算符是并排的两个冒号（::），双冒号左边是一个对象，右边是一个函数。该运算符会自动将左边的对象，作为上下文环境（即this对象），绑定到右边的函数上面。

• 尾调用优化

• 尾递归
  函数调用自身，称为递归。如果尾调用自身，就称为尾递归。

“尾调用优化”对递归操作意义重大，所以一些函数式编程语言将其写入了语言规格。ES6 是如此，第一次明确规定，所有 ECMAScript 的实现，都必须部署“尾调用优化”。这就是说，ES6 中只要使用尾递归，就不会发生栈溢出，相对节省内存。

• 递归函数的改写

[ 函数式编程有一个概念，叫做柯里化（currying），意思是将多参数的函数转换成单参数的形式。这里也可以使用柯里化。 ]

[ 总结一下，递归本质上是一种循环操作。纯粹的函数式编程语言没有循环操作命令，所有的循环都用递归实现，这就是为什么尾递归对这些语言极其重要。对于其他支持“尾调用优化”的语言（比如Lua，ES6），只需要知道循环可以用递归代替，而一旦使用递归，就最好使用尾递归。]

• 严格模式
  ES6 的尾调用优化只在严格模式下开启，正常模式是无效的。
  因为在正常模式下，函数内部有两个变量，可以跟踪函数的调用栈。
  func.arguments：返回调用时函数的参数。
  func.caller：返回调用当前函数的那个函数。

• 尾递归优化的实现
  尾递归优化只在严格模式下生效，那么正常模式下，或者那些不支持该功能的环境中，有没有办法也使用尾递归优化呢？回答是可以的，就是自己实现尾递归优化。

• 函数参数的尾逗号
  ES2017 [允许]函数的最后一个参数有尾逗号。
  此前，函数定义和调用时，都不允许最后一个参数后面出现逗号。
  这样的规定也使得，函数参数与数组和对象的尾逗号规则，保持一致了。

---

• 扩展运算符
  扩展运算符（spread）是三个点（...）。

• 替代数组的 apply 方法

• 替代数组的 apply 方法

• 扩展运算符的应用
  ①合并数组
  ②与解构赋值结合
  ③函数的返回值
  ④字符串
  -能够正确识别32位的Unicode字符
  ⑤实现了 Iterator 接口的对象

• 将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。
  Array.from()

• 用于将一组值，转换为数组。
  Array.of
  -Array.of基本上可以用来替代Array()或new Array()，并且不存在由于参数不同而导致的重载。它的行为非常统一。
  <这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异 >

• 在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。
  copyWithin()

• 数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。
  find()

• 数组实例的findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。
  findIndex()

• 使用给定值，填充一个数组。
  fill()

• 用于遍历数组
  可以用for...of循环进行遍历，唯一的区别
  keys()是对键名的遍历
  values()是对键值的遍历
  entries()是对键值对的遍历。

• 返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似.
  Array.prototype.includes

• 数组的空位
  -数组的空位指，数组的某一个位置没有任何值。比如，Array构造函数返回的数组都是空位。
  forEach(), filter(), every()和some()都会跳过空位。
  map()会跳过空位，但会保留这个值
  join()和toString()会将空位视为undefined，而undefined和null会被处理成空字符串。
  -ES6是明确将空位转为undefined。
  Array.from 、扩展运算符（...）、 copyWithin() 、 fill()和for...of
entries()、keys()、values()、find()和findIndex() 均会处理空位.
  由于空位的处理规则非常不统一，所以建议避免出现空位。

---