一、ESC6语法

含义：是在2015年更新的ECMAscript标准

二、ESC6中新增语法

1、定义变量 

2、模板字符串：是es6中定义字符串的一种方式，有字符串该有的属性和方法

3、结构赋值

4、展开合并运算符

5、对象的简写

6、函数的默认值

7、模块化开发

三、定义变量

1、之前我们在定义变量的时候使用的关键字==var，在es6中出现了两个关键字：let 、 const

2、let：我们把使用let定义的变量称之为变量

3、const：我们把const定义的变量称之为常量

4、var 和let /const 的区别

       =>预解析。var定义的变量有预解析，let/const定义的变量没有预解析；

        =>变量的重复定义。var 可以定义多个同名变量，let/const不能同时定义多个同名变量；

        =>块级作用域。var 定义的变量不能形成块级作用域，let/const可以形成块级作用域；

5、let 和const 的区别

        =>语法不同。let定义的变量称之为变量,const定义的变量称之为常量;

        =>声明时赋值。let在定义的时候可以不赋值，但是const必须要在声明的时候赋值；

        =>值的修改。let定义的变量可以修改值，const定义的变量不能修改值；

四、函数的默认值

含义：就是在我们es6中可以给函数的参数定义默认值，如果在函数调用的时候传递了参数，就使用传递进来的参数，如果在函数调用的时候没有传递参数，就使用我们的默认值代替；

五、对象的简写

1、含义：在es6中，对象内的键值对可以简写，前提是：

        =>如果对象中的键和值一样，并且值是一个变量，这时可以只写一个

        =>如果在对象中值是一个函数，并且不是箭头函数，这时function 和 ：（冒号）可以省略不写

        // 第一种情况 键和值一样，值是一个变量// 假设这个是计算得出的var day = 12,hours = 13,minutes = 25// 定义了一个对象let obj = {day:day,hours:hours,minutes:minutes}// 可简写为let obj2 = {day,hours,minutes}console.log(obj2.day); //12// 第二种 函数const obj3 = {fn1:function(){console.log(111);},fn2:function(){console.log(222);}}// 可简写为const obj4 = {fn1(){console.log(111);},fn2(){console.log(222);}}

2、箭头函数

        （1）含义：箭头函数也是函数，是es6中定义的一种函数，也是一个匿名函数；

        注意：凡事可以使用匿名函数的地方，都可以使用匿名函数

        （2）语法：（形参） => {代码段}

        （3）使用

        +赋值式

        +定时器中的函数

        +方法中的函数

        +事件处理程序（函数）

        // 赋值式let fun = () =>{console.log(666);}fun() //666// 定时器中的函数setTimeout(() => {console.log(111);},1000)//111// 方法中的函数const arr = [1,2,3]arr.forEach((item) => {console.log(item);})//1 2 3// 时间处理中的函数btns.onclick = () => {console.log(222);}//222

（4）箭头函数的特点

• 在箭头函数中，如果形参只有一个，（）可以省略不写
• 没有参数或者是参数多余一个，（）必须要写
• 如果大括号中，只有一句话，大括号可以省略不写，会自动返回结果

        const arr = [3,1,2]arr.sort((a,b) => a-b) //[1,2,3]

（5）箭头函数的特点2 

• 在箭头函数中没有arguments
• 箭头函数中没有this,箭头函数中的this指向上下文，即指向箭头函数外面，就是外面的this指向哪里，箭头函数就指向哪里