ES6历险记（二）：我们的项目中常用的ES6语法（下篇

5.展开运算符

ES6的语法中另外一个好玩的特性就是Spread Operator 也是三个点（...）。

组装对象或者数组

有时候我们想获取数组或者对象某几项

对于对象来说，还可以用于组合成新的Object ，如果有重复的属性名，右边覆盖左边

5.import and export

import导入模块、export导出模块

那有童鞋就会好奇了，全部导入和部分导入有啥区别？默认导出和部分导出又有啥区别？

你只需要记住几点：

当你使用 export default utils时，就对应使用import utils from ‘path..’，其中import后面的变量名你可以自己取，代表了导出的模块。

一个文件里，只能有一个export default，但可以有多个export。

当export A时，就用import from ‘path..’。

当有很多个export A，export B...，想一次导出就可以选择用import * as AB from ‘path..’的形式

5.promise

在promise之前代码过多的回调或者嵌套，可读性差、耦合度高。通过Promise机制，扁平化的代码机构，大大提高了代码可读性。

大致的效果如下，发起一个异步请求

那我们怎么来使用promise呢

resolve() 返回对应于 .then() 部分， reject() 返回对应于 .catch() 部分。需要强调的一点是 .then() 部分的代码报错也会走到下面的 .catch() 部分， 举个栗子

6.promise的进化体async/await

通过async 可以指定一个函数为异步函数,执行异步函数后才能使用await.

await的作用其实就是替代了then方法，将resolve的值直接返回，使用起来更加方便。

运行结果是

asynData ---begin

await.html:11 abc

await.html:20 asynData ---end