前端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()用于尾部补全。