ES6

1.let

使用let声明变量的语法和使用var声明的语法是一样的。但是let声明的变量的作用域会限制在当前的代码块中。这是let与var的最大区别。

<script type="text/javascript">
    let a = 10;
    if(a > 5){
        console.log(b); //用let声明的变量没有声明提前这一特性，所以此处也访问不到（报错）
        let b = 20;
        console.log(b);
    }
    console.log(b); //由于b是在if块中使用let声明的，所以此处无法访问到。（报错）
</script>

2.剩余参数

Paste_Image.png Paste_Image.png

3.扩展（展开）运算符

Paste_Image.png Paste_Image.png

4.箭头函数

Paste_Image.png Paste_Image.png Paste_Image.png

![Paste_Image.png](https://img.haomeiwen.com/i4951956/0e1f10d6d72b1408.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

Paste_Image.png

函数返回一个对象的时候
在对象外面加一个括号（）包裹起来

Paste_Image.png

返回一个数组

Paste_Image.png

箭头函数的作用：替代以前的匿名函数
箭头函数中没有this绑定的问题，永远与它外层函数的this保持一致

Paste_Image.png Paste_Image.png

5.动态计算对象的属性名

Paste_Image.png

6.对象属性的复制

Paste_Image.png

7.查找自字符串

Paste_Image.png Paste_Image.png

8.解构

Paste_Image.png Paste_Image.png

数组的解构

Paste_Image.png