本文摘自PHP中文网，作者不言，侵删。
本篇文章给大家带来的内容是关于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 对象操作更加麻烦。
【相关推荐：JavaScript视频教程】
以上就是Generator函数与async函数的区别介绍的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《Generator》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
