async function_async的理解

最新推荐文章于 2024-06-13 10:05:02 发布
最新推荐文章于 2024-06-13 10:05:02 发布
阅读量653 收藏
点赞数
文章标签： async function
本文探讨了如何使用generator实现async函数，详细解释了async函数和generator的特点，以及如何通过next方法逐步执行generator函数，模拟async的行为。通过一个简单的async函数示例，展示了从async到generator的转化过程，并构建了一个名为spawn的函数来驱动generator执行，实现了异步流程的控制。
摘要由CSDN通过智能技术生成

4581e8f880966e716e095daa16c9fb47.png

前言

重温了阮老师写的的async这一章，对文中用generator去实现async, await很感兴趣，所以想用此文梳理下自己的理解。

刚开始看到这个实现的时候也是没有什么耐心，因为头一眼看上去并不直观，其中掺杂了各种API，比如Promise，Generator。细心的一步一步调试之后，觉得逻辑还是很清楚的。好，废话不多说，接下来就一步步拆解这个实现。

预备

因为要用generator去实现async，所以首先要知道async，await有什么特点，那我首先择出几个最为明显的特点：

  • async函数都会返回Promise
  • await会阻塞async函数的执行，需等到await后面的异步操作执行完毕才会继续执行async下面的语句。
  • await后面所跟的值都会被转化为Promise的形式。

根据上面的描述，基本可以知道async内部是以同步的方式去执行函数里面的逻辑，当然函数里面可能会包含各种异步操作，但别担心，异步操作虽有，但因为await的存在，异步操作也不能造次。

generator也有很多特点，如下

  • 需用function* 来修饰
  • 内部用yield指令暂停执行
  • 执行generator函数只会获得一个迭代器对象&
最低0.47元/天 解锁文章
weixin_39566773
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Async Functions (异步函数)
yi_xiuge的博客
08-01 715
async(异步) 函数变体 以下是已经存在的异步函数变体。请注意无处不在的 async 关键字。 异步函数声明： async function foo() {} 异步函数表达式： const foo = async function () {}; 异步函数定义：let obj = { async foo() {} } 异步箭头函数： const foo =
async function
热门推荐
陈开心的博客
11-14 1万+
这篇文章多看几遍加深理解 async function 声明定义了一个异步函数，它返回一个AsyncFunction对象。异步函数 是指通过 事件循环（event loop） 异步执行的函数，通过返回一个隐式的 Promise 作为其结果。使用异步函数的代码的语法和结构更像使用标准同步功能。（The async function declaration defines an asynchron...
async 函数
qq_42164670的博客
03-24 587
async 函数 含义 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。 async 函数是 Generator 函数的语法糖。 什么是语法糖？ 意指那些没有给计算机语言添加新功能，而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式，有益于更好的编码风格，更易读。不过其并没有给语言添加什么新东西。 反向还有语法盐： 主要目的是通过反人类的语法，让你更...
JS-12-es6常用知识-async
最新发布
m0_68467925的博客
06-13 683
关键字async作用：声明一个函数为异步函数，允许函数内部使用await关键字等待 Promise 对象的完成。返回值：异步函数总是返回一个 Promise 对象，无论函数内部是否有显式的return语句。如果没有返回语句，函数会隐式地返回一个已解析（resolved）的 Promise，其值为undefined。
ES2017 新特性：Async Functions (异步函数)
大灰狼的小绵羊哥哥的博客
08-01 5627
小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握.. 本章介绍 Brian Terlson 提议的 ECMAScript 2017 新特性 Async Functions(异步函数) 。 概述 async(异步) 函
async function 异步函数
海风的博客
09-25 668
ES2017标准引入了async 函数，其实就是Generator函数的语法糖。 asyn函数的实现原理，就是将Generator函数和自动执行器包装在一个函数里。 一 基本用法 /** * 延迟输出字符串。 * * @param {number} num - 延迟时间（毫秒）。 * @param {string} str - 字符串。 */ function delay(num, str) { return new Promise((resolve, reject...
async_event_polyfill
05-20
`async_event_polyfill`项目就是针对浏览器对`EventListenerOptions`不完全支持的一个补丁，它允许开发者在不支持该特性的老旧浏览器中使用这个功能。 `EventListenerOptions`是一个接口，提供了一种方式来配置事件...
flummox_async_store_promises
06-12
`flummox_async_store_promises`这个标题可能指的是一个使用Flummox库来处理异步操作和Promise的存储机制。Flummox是一个轻量级的状态管理库，它为React应用程序提供了一种简洁的方式来组织和管理状态。 首先，我们...
async-hook-domain:建立在async_hooks上的类域错误处理的实现
04-30
const Domain = require ( 'async-hook-domain' ) // instantiating a Domain attaches it to the current async execution // context, and all child contexts that come off of it. You don't have // to call d....
深入学习nodejs中的async模块的使用方法
01-02
最近在学习nodejs，这两天学习了async模块这个地方知识点挺多的，所以，今天添加一点小笔记。 async模块是为了解决嵌套金字塔,和异步流程控制而生.常用的方法介绍 npm 安装好async模块,然后引入就可以使用 var ...
on-async-hook:async_hook跟踪发射器:magnifying_glass_tilted_left:
05-26
合理的警告，async_hook api仅在节点8中可用，并且处于实验性标记之下。 用法 var onAsyncHook = require ( 'on-async-hook' ) onAsyncHook ( function ( data ) { console . log ( data ) } ) 原料药 stop = ...
Async Function: 异步编程的新时代
男神的专栏
12-29 1453
Async Function是一种强大的异步编程工具，它通过让异步操作看起来像同步操作从而解决了JavaScript世界中的异步盲区。Async Function相较于其他的异步处理方式，更加优雅简洁、易于错误处理，并且更好的语义化，使用场景也很广泛。同时，我们也需要注意它的一些限制，这样才能更好地使用它来解决异步问题。
async function_Async方法学习与理解
weixin_39745013的博客
11-30 1307
作为一名前端开发，无论是面试或者在实际工作中，更好地理解async方法都会让我们如虎添翼。本文参考在学习过程中觉得写得最清楚明白的一篇文章，进行总结梳理，并加入自己的理解，有不足之处望指正。原文链接：Async functions - making promises friendly​developers.google.comAsync是高级浏览器兼容的一种异步方法，让coders以看起来同步的方...
async 函数的使用
chengRantianxia的博客
03-11 1943
JavaScript 编程中，经常使用到异步交互，因为逻辑嵌套或者请求嵌套，所以出现了 许多延时、数据不同步的问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又都有额外的复杂性，都需要理解抽象的底层运行机制。 async函数就是为了解决异步交互的问题而出现的。 async 函数对 Generator 函数的改进，体现在内置执行器、更好的语义及...
async函数
qq_42673485的博客
07-17 219
1.什么是async函数 <script> async function foo() { return 123 } let res = foo() console.log(res); // promise res.then(res => { console.log(res); // 123 }) let foo1 = async
你不知道的并发/继发请求操作
liusixsixsix的博客
12-08 337
你需要知道的知识 async是 Generator 函数的语法糖，总是返回一个promise。 async函数返回的 Promise 对象，必须等到内部所有await命令后面的 Promise 对象执行完，才会发生状态改变，除非遇到return语句或者抛出错误。也就是说，只有async函数内部的异步操作执行完，才会执行then方法指定的回调函数。 正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值。 继发请求 使用 for循
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值