前端es6文档大全，你想要的这都有

《ES6》

ES6新特性：

let const关键字
解构赋值
箭头操作符
参数默认值
iterator接口
promise，generator，async等异步操作
类的支持

1.Let

特点：

块级作用域（let声明的变量只在它所在的代码块有效）
不存在变量提升
暂时性死区
不允许重复声明

2.const

基本用法：

const声明一个只读的常量。一旦声明，常量的值就不能改变。
对于const来说，只声明不赋值，就会报错。
const的作用域与let命令相同：只在声明所在的块级作用域内有效。
const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。
const声明的常量，也与let一样不可重复声明。

3.声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。

ES6 除了添加let和const命令，另外两种声明变量的方法：import命令和class命令

《解构赋值》

一、数组的解构赋值

1.基本用法：
let [a, b, c] = [1, 2, 3];
2.操作特点：
1）解构不成功

如果解构不成功，变量的值就等于undefined。
let [foo] = [];
let [bar, foo] = [1];

以上两种情况都属于解构不成功，foo的值都会等于undefined。
2）不完全解构

let [x, y] = [1, 2, 3];
x // 1
y // 2

3）默认值

let [foo = true] = [];
foo // true

let [x, y = ‘b’] = [‘a’]; // x=‘a’, y=‘b’
let [x, y = ‘b’] = [‘a’, undefined]; // x=‘a’, y=‘b’

注意：如果解构不成功就使用默认值

ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。
```
let [x = 1] = [undefined];
x // 1

let [x = 1] = [null];
x // null
```

上面代码中，如果一个数组成员是null，默认值就不会生效，因为null不严格等于undefined。
4）惰性求值

如果默认值是一个表达式，那么这个表达式是惰性求值的，即只有在用到的时候，才会求值。

二、对象的解构赋值

1.对象的解构与数组有一个重要的不同：

数组的元素是按次序排列的，变量的取值由它的位置决定；
而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

三、字符串的解构赋值

字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象。
const [a, b, c, d, e] = ‘hello’;
a // “h”
b // “e”
c // “l”
d // “l”
e // “o”

类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。

let {
   length : len} = 'hello';
len // 5

四、函数参数的解构赋值

function move({
   x = 0, y = 0} = {
   }) {
   
  return [x, y];
}

move({
   x: 3, y: 8}); // [3, 8]
move({
   x: 3}); // [3, 0]
move({
   }); // [0, 0]
move(); // [0, 0]

怎么设置默认值:
利用if条件判断
解构赋值
函数参数直接设置

五、用途

（1）交换变量的值

let x = 1;
let y = 2;
[x, y] = [y, x];

（2）从函数返回多个值

// 返回一个数组
function example() {
   
  return [1, 2, 3];
}
let [a, b, c] = example();

// 返回一个对象

function example() {
   
  return {
   
    foo: 1,
    bar: 2
  };
}
let {
    foo, bar } = example();

（3）函数参数的定义

解构赋值可以方便地将一组参数与变量名对应起来。

// 参数是一组有次序的值
function f([x, y, z]) {
    ... }
f([1, 2, 3]);

// 参数是一组无次序的值
function f({
   x, y, z}) {
    ... }
f({
   z: 3, y: 2, x: 1});

（4）提取 JSON 数据

解构赋值对提取 JSON 对象中的数据，尤其有用。

let jsonData = {
   
  id: 42,
  status: "OK",
  data: [867, 5309]
};

let {
    id, status, data: number } = jsonData;

console.log(id, status, number);
// 42, "OK", [867, 5309]

上面代码可以快速提取 JSON 数据的值。
（5）函数参数的默认值

jQuery.ajax = function (url, {
   
  async = true,
  beforeSend = function () {
   },
  cache = true,
  complete = function () {
   },
  crossDomain = false,
  global = true,
  // ... more config
} = {
   }) {
   
  // ... do stuff
};

《新增字符串》

1.查找字符串：

*传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。

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

2.重复：repeat()

repeat方法返回一个新字符串，表示将原字符串重复n次。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""

3.补全：padStart()，padEnd()

padStart()用于头部补全，padEnd()用于尾部补全。