Generator函数与async函数对比

Generator函数与async函数对比

Generator函数：

Generator函数是ES2015提供的异步解决方案，与普通函数有很大的不一样；

• 特征：

1. 在function关键字后面跟一个(*)号;
2. 在函数体内部使用yield表达式做为一个状态；

Generator函数返回一个遍历器，可经过for……of方法遍历每一个状态；

• 用法：

执行Generator并不马上执行，返回一个遍历器，遍历器经过调用next()、throw()或者return()执行下一个状态、捕获错误或者结束遍历器；

async函数：

async函数是ES2017提供的异步函数语法，是generator的语法糖，可是用法上与Generator函数仍是有很大不一样；

• 特征：

1. 在function关键字前面跟一个async关键字；
2. 在函数体内部使用await表达式；

async函数返回一个promise对象；

• 用法：

执行async函数会马上执行，和普通函数同样，可是返回一个promise对象；

二者对比：

1. Generator 出如今ES2015中，async 出如今ES2017中，async 是 Generator 的语法糖；
2. 执行方式不一样，Generator 执行须要使用执行器（next()等方法）；async 函数自带执行器，与普通函数的执行同样；
3. async 的语法语义更加清楚，async 表示异步，await 表示等待；而 Generator 函数的(*)号和 yield 的语义就没那么直接了；
4. Generator 中 yield 后面只能跟 Thunk 函数或 Promise 对象；而 async 函数中 await 后面能够是 promise 对象或者原始类型的值（会自动转为当即resovle的promise对象）；
5. 返回值不一样，Generator 返回遍历器，相比于 async 返回 promise 对象操做更加麻烦。

参考：

ECMAScript 6入门