async await 学习、原理、优缺点

特点

1、难点是错误处理机制。 2、await命令只能用在async函数之中，如果用在普通函数，就会报错 3、await 的值可能报错，所以最好放在try catch中执行 4、async 函数可以保留运行堆栈 ，暂时保存当前执行栈

比起来 Generator ， async函数有什么优缺点

优点： 1、async函数自带执行器，自动执行，无需next 2、yield命令后面只能是 Thunk 函数或 Promise 对象，而async函数的await命令后面，可以是 Promise 对象和原始类型的值（数值、字符串和布尔值，但这时会自动转成立即 resolved 的 Promise 对象）。 3、async函数的返回值是 Promise 对象，这比 Generator 函数的返回值是 Iterator async和await，比起星号和yield，语义更清楚了。async表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果。

注意

如果两个异步方法没有依赖关系，不要写成同步的样子，会阻塞程序执行，最好再用promise.all包装一下，这样连个awiat同步执行

简单实现

原理：一个自动执行的Generator函数

async 转为generrator await 转为yield

function autoGentorat(genF) { // 返回一个promise，可以链式调用 return new Promise(function(resolve, reject) { // 实例化实参(实参是传递过来的Generator)，获得next方法 let gen = genF(); function step(result) { // Generator执行到最后，done是true， if (result.done) { resolve(result.value); } else { // 没执行完，使用promise的方式让其进行下一步 // 因为 result你不知道是否是一个异步的操作，所以需要promise Promise.resolve(result.value).then(function(res) { // 上一步等待执行结果完毕，进行下一步 step(gen.next(res)); }); } } // 开始执行generrator第一步 step(gen.next(undefined)); }); } function getUserInfo(){ return new Promise(function(resolve,relect){ setTimeout(function(){ resolve({name:'小刘鸭'}) },2000) }) } autoGentorat(function*() { yield 1; let data = yield getUserInfo(); })