es6新增的特性
1)let和const
let声明变量和const声明常量,两个都有块级作用域,ES5中是没有块级作用域的,使用var关键字来定义变量,let、const和var的主要有以下区别:
var声明变量可以重复声明,而let、const不可以重复声明
var是函数作用域,而let、const是受限于块级
var会与window相映射(会挂一个属性),而let、const不与window相映射
var存在变量提升,所以可以在声明之前访问变量,而let、const有暂存死区,在声明之前访问变量会报错
const声明之后必须赋值,否则会报错
const定义不可变的量,改变了就会报错
2)箭头函数
ES6中的函数定义不再使用关键字function(),而是利用了()=>来进行定义,它有以下特性:
this是继承父级的this,详情请查看ES6中的this和普通函数中的this
不能够使用arguments对象。
不能用作构造函数,这就是说不能够使用new命令,否则会抛出一个错误。
不可以使用yield命令,因此箭头函数不能用作 Generator 函数。
3)模板字符串
模板字符串是增强版的字符串,用反引号(`)标识,可以当作普通字符串使用,也可以用来定义多行字符串,也可以在字符串中使用变量
4)解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值
let {a,b} = {a:'aaa',b:'bbb'};
let [a,b] = ['aaa','bbbb'];
5)for of循环
for...of循环可以遍历数组、Set和Map结构、某些类似数组的对象、对象,以及字符串.
数据结构只要部署了 Iterator 接口,我们就成这种数据结构为“可遍历”(Iterable)。ES6 规定,默认的 Iterator 接口部署在数据结构的 Symbol.iterator 属性,或者说,一个数据结构只要具有 Symbol.iterator 数据,就可以认为是“可遍历的”(iterable)。就可以使用for...of遍历
6)import、export导入导出
ES6标准中,Js原生支持模块(module)。将JS代码分割成不同功能的小块进行模块化,将不同功能的代码分别写在不同文件中,各模块只需导出公共接口部分,然后通过模块的导入的方式可以在其他地方使用
7)set数据结构
Set数据结构,类似数组。所有的数据都是唯一的,没有重复的值。它本身是一个构造函数
8)... 展开运算符
可以将数组或对象里面的值展开;还可以将多个值收集为一个变量
9)修饰器 @
decorator是一个函数,用来修改类、方法的行为。修饰器本质就是编译时执行的函数
10)class 类的继承
ES6中不再像ES5一样使用原型链实现继承,而是引入Class这个概念,点击查看class详情
11)async、await
使用 async/await, 搭配promise,可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性
async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成,点击查看async、await详情
12)promise
Promise是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理、强大。点击查看promise详情
13)Symbol
Symbol是一种基本类型。Symbol 通过调用symbol函数产生,它接收一个可选的名字参数,该函数返回的symbol是唯一的
14)Proxy代理
使用代理(Proxy)监听对象的操作,然后可以做一些相应事情