一、async 和 await 的基本用法
async是基于Promise的generator语法糖,以同步流程表达异步操作;
async函数的特点:
被async修饰过的函数调用,返回的是一个promise对象,对象的状态默认是 ‘完成状态 resolve’;
async函数会根据当前状态自动调用并且返回值,无需手动调用resolve() 和 reject() 方法;
然后使用函数对象.then()方法处理返回的结果值;
await的特点:
不能单独使用,需要和 async 一起使用;
遇到await可以让程序暂停执行,等待promise的执行结果;
await可以直接处理Promise的resolve()结果,对Promise的reject()结果我们有两种处理方式:
第一种解决方式:在promise对象中使用catch()方法;
第二种解决方式:在promise中不管成功与否都调用resolve()方法,通过resolve()方法传参来区别是成功或失败;
async function 函数名(){
await 异步操作1;
await 异步操作2;
}
二、什么是 Webpack
Webpack是一个前端自动化打包工具,根据它的名字也很好理解,web-pack顾名思义就是前端打包工具,它是基于Node和NPM的,所以在安装使用webpack之前,需要安装nodejs,nodejs的版本过低也不行,所以推荐安装nodejs版本为v8.11.2以上,npm版本为v5.6.0以上。