ES6新增特性自整理汇总

ES6对ES5相比新增属性

教你从入门到放弃

1.let 和 const

let：
跟ES5相比，ES6增加了let，其用法类似var，但存在着较大区别：
相同点：用来声明变量，储存变量
不同点：
①作用域不同，var是函数作用域，let是块作用域；
②暂时性死区：let声明的后的变量会绑定它所在的作用域，该作用域不允许重复声明，不存在声明提升。

let a = 10;
let a = 20; //报错

const：
声明常量，
注意：必须赋值，且赋值后值不可以修改，只有数组和对象可以通过一定方法修改常量值
数组可以通过下标修改数组中的内容

const arr = [0,1,2];
arr[0] = "皇甫铁牛";
console.log(arr);//[皇甫铁牛，1,2]

对象可以通过键改变值

const obj = {
	name:'haha',
	age:20
}
obj.name = '皇甫铁牛';
console.log(obj);//{name: '皇甫铁牛',age:20}

2.解构赋值

ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，成为解构（Destructuring）。
赋值运算符右侧是要解构的数组或对象，左侧是对应的模式和声明变量，表现形式为[]、{}

var arr = [1,2,3];
var obj = {name : '李翠花'};
let [a] = arr;
let{name:b} = obj;
console.log(a,b);//1,李翠花

let [a,b,c] = [1,2,3];  ==> let a = 1;
							let b = 2;
							let c = 3;
							
let [ , , c] = [1,2,3];//c:3

解构赋值默认值
对象解构赋值
字符串解构赋值
函数形参的解构赋值

其他知识点见博客解构赋值篇

3.各种新增扩展

（数值、数组、字符串、对象、函数）

4.iterator 和 generator

5.promise 和 async … await

6.class语法

7.模块化

存在问题：

ES6存在兼容问题，主要针对IE9，使用转码器（babel），可以把ES6转换为ES5，所以ES6是ES5的语法糖；

**语法糖：**好用且效果不打折扣，在原有的功能不变的基础上让用法更加简洁方便