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 对象操作更加麻烦。

【相关推荐：JavaScript视频教程】

Atas ialah kandungan terperinci Generator函数与async函数的区别介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!