Generator函数与async函数对比

Generator函数与async函数对比
Generator函数:
Generator函数是ES2015提供的异步解决方案,与普通函数有很大的不同;
特征:

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

Generator函数返回一个遍历器,可通过for……of方法遍历每个状态;
用法:
执行Generator并不立刻执行,返回一个遍历器,遍历器通过调用next()、throw()或者return()执行下一个状态、捕获错误或者结束遍历器;
async函数:
async函数是ES2017提供的异步函数语法,是generator的语法糖,但是用法上与Generator函数还是有很大不同;
特征:

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

async函数返回一个promise对象;
用法:
执行async函数会立刻执行,和普通函数一样,但是返回一个promise对象;
两者对比:

Generator 出现在ES2015中,async 出现在ES2017中,async 是 Generator 的语法糖;
执行方式不同,Generator 执行需要使用执行器(next()等方法);async 函数自带执行器,与普通函数的执行一样;
async 的语法语义更加清楚,async 表示异步,await 表示等待;而 Generator 函数的(*)号和 yield 的语义就没那么直接了;
Generator 中 yield 后面只能跟 Thunk 函数或 Promise 对象;而 async 函数中 await 后面可以是 promise 对象或者原始类型的值(会自动转为立即resovle的promise对象);
返回值不同,Generator 返回遍历器,相比于 async 返回 promise 对象操作更加麻烦。

参考:
ECMAScript 6入门

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理