es5 和 es6 的部分语法区别

 

1.变量

1.1es5 定义变量可以重复定义  

var count = 1;  

var count = 0; 酱紫

1.2es6的不可以重复定义变量，会报错。let: 防止重复声明，它是个变量，const :防止重复声明，它是个常量，不能修改

let count = 1;

let count = 0;

报错：变量count已经被定义了

 

2 块级作用域

2.1  es5 的作用域是函数级的

如图：在es5中，a变量定义在｛｝里，因为没有定义在函数里，此时的a变量的作用域是window。能在外面访问到它

 

 

2.2es6的作用域是块级的

什么是块级？？？

用｛｝包起来的就是一个块级

 

在es6中 ，a变量变为用let 声明， 报错：没有定义。

 

3.箭头函数：

3.1 其实就是返回函数的一个简写,写法更方便

function（a,b）｛

......

｝

变为：

（a,b）=>{

......

}

 

ps：

（1）、如果有且仅有一个参数，那么（）可以省略不写

（2）、如果有且仅有一个语句，且有return返回，｛｝可以省略不写

 

3.2 可以对this的指向起到一个固定的作用，不会随着调用对象的改变而改变箭头函数 this的指向，箭头函数this的指向是指向它初始化的环境中。

 

4.参数展开，数组展开，json展开

参数展开

用  ... 来接收剩余的所有参数，而且这个剩余参数只能放在最后一个  不能（a,b,...c,d）这种写法不行。

 

数组展开：

 

相当于arr1.concat(arr2)

 

 

5.原生对象拓展：

Array拓展：map、reduce、filter、forEach

模板字符串 `${}`