• 技术文章 >web前端 >js教程

    Generator函数与async函数的区别介绍

    不言不言2019-04-04 11:28:57转载1062

    本篇文章给大家带来的内容是关于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函数的区别介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除
    专题推荐:generator javascript async
    上一篇:JavaScript中错误异常的分析(附示例) 下一篇:React表单元素的用法介绍(附代码)
    大前端线上培训班

    相关文章推荐

    • innerhtml是jquery方法么• javascript怎么设置标签的背景颜色• jquery select 不可编辑怎么办• javascript 怎么将时间转毫秒• 浅谈怎么利用node提升工作效率

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网