generator和async、await

最新推荐文章于 2022-10-09 14:33:30 发布
最新推荐文章于 2022-10-09 14:33:30 发布
阅读量984 收藏 2
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zbb1212/article/details/110140583
版权
本文详细介绍了async、await和generator函数的概念及其在异步编程中的应用。async标识符用于声明异步函数，返回Promise对象，而await用于等待异步操作完成。generator函数则是一个可以暂停执行的状态机，通过yield表达式控制执行流程。它们共同提供了更简洁、同步代码般的异步处理方式，简化了Promise的链式调用，便于管理和控制异步流程。
摘要由CSDN通过智能技术生成

async、await

async

async 是“异步”的简写， async 用于申明一个异步的 function

await

await 可以认为是 async wait 的简写，await 用于等待一个异步方法执行完成。

asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数
异步async函数调用，跟普通函数的使用方式一样
异步async函数返回一个promise对象
async函数配合await关键字使用(阻塞代码往下执行)
是异步方法，但是阻塞式的

方便级联调用：即调用依次发生的场景；

同步代码编写方式： Promise使用then函数进行链式调用，一直点点点，是一种从左向右的横向写法；async/await从上到下，顺序执行，就像写同步代码一样，更符合代码编写习惯；

多个参数传递： Promise的then函数只能传递一个参数，虽然可以通过包装成对象来传递多个参数，但是会导致传递冗余信息，频繁的解析又重新组合参数，比较麻烦；async/await没有这个限制，可以当做普通的局部变量来处理，用let或者const定义的块级变量想怎么用就怎么用，想定义几个就定义几个，完全没有限制，也没有冗余工作；

同步代码和异步代码可以一起编写： 使用Promise的时候最好将同步代码和异步代码放在不同的then节点中，这样结构更加清晰；async/await整个书写习惯都是同步的，不需要纠结同步和异步的区别，当然，异步过程需要包装成一

最低0.47元/天 解锁文章
zbb1212
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Generator函数与async、await
妍思码匠的博客
05-19 168
状态机封装了多个内部状态promise对象的解释器迭代器返回一个遍历器对象，这个对象有个方法内部分段执行返回后面的值声明星号valuedonevalue为yeild关键字的返回值，done为当前Generator函数是否已完成1，声明时函数名称前面使用星号*2，函数内部使用yield关键字添加每个阶段的状态，并返回表达式后面的值3，外部调用Generator函数返回的迭代器对象的next()方法继续执行到函数内部的下一个状态，同时返回一个由value和done组成的对象。
generator函数与async/await
ZHAO______的博客
11-24 567
理解async函数就要先理解generator函数，因为async就是Generator函数的语法糖 Generator 函数 Generator 函数是 ES6 提供的一种异步编程解决方案，可以先理解为一个状态机，封装了多个内部状态，执行Generator函数返回一个遍历器对象，通过遍历器对象，可以依次遍历 Generator 函数内部的每一个状态 语法上，Generator 函数是一个普通函数，但是有两个特征。 一是，function关键字与函数名之间有一个星号； 二是，函数体内部使用yield表达式，
详解JS的四种异步解决方案：回调函数、Promise、Generator、async/await（干货满满）...
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
04-14 8443
同步&异步的概念在讲这四种异步方案之前，我们先来明确一下同步和异步的概念：所谓同步(synchronization)，简单来说，就是顺序执行，指的是同一时间只能做一件事情，只有目前正在执行的事情做完之后，才能做下一件事情。比如咱们去火车站买票，假设窗口只有1个，那么同一时间只能处理1个人的购票业务，其余的需要进行排队。这种one by one的动作就是同步。同步操...
Generator、async/await、Promise理解
weixin_40984083的博客
04-02 784
Generator、async/await、Promise剖析 Generator async/await Promise 1、Generator Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。 Generator 函数是一个普通函数，但是有两个特征。一是关键字星号（function *）；二是，函数体内部使用yield表达式，定义不同的内部状态。执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器
ES6 async函数（对比generator函数（内置执行器、语义、适用性、返回）、使用形式、用法（返回对象及状态变化）、await命令、错误处理、使用注意点、顶层await）
AIWWY的博客
09-03 480
目录 async函数 对比generator函数 内置执行器。 更好的语义。 更广的适用性。 返回值是 Promise。 使用形式 用法 基础用法 返回 Promise 对象 Promise 对象的状态变化 await 命令 错误处理 使用注意点 顶层await async函数 async 函数是Generator 函数的语法糖。它将Generator 函数的星号（*）替换成async，将yield替换成await。 对比generator函数 async函数...
JS为什么说async/await是generator的语法糖详解
10-16
主要给大家介绍了关于JS为什么说async/await是generator的语法糖的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
js代码-async await generator co
07-16
`async/await`、`generator` 和 `co` 都是JavaScript中处理异步操作的有效工具，它们各自有着独特的特性和应用场景。 首先，我们来探讨`async/await`。`async/await`是ES2017引入的语法糖，用于简化Promise链式调用...
详解ES6之async+await 同步/异步方案
08-29
下面我们将详细介绍async+await的工作原理和使用方法。 异步编程的几个场景 异步编程是JavaScript编程的重大问题之一。关于异步方案，ES6先是出现了基于状态管理的Promise，然后出现了Generator函数+co函数，紧...
小程序如何支持使用 async/await详解
10-16
但是，通过一些技巧和第三方库，我们可以让小程序支持`async/await`。 首先，我们要明白`async/await`实际上是基于Promise的语法糖。`async`关键字用来声明一个函数为异步函数，而`await`则用于等待Promise对象的...
async/await使用generator实现、generator底层实现
weixin_43294560的博客
02-05 1698
generator基本使用 function* gen() { yield 1; yield 2; yield 3; } let g = gen(); g.next() // { value: 1, done: false } g.next() // { value: 2, done: false } g.next() // { value: 3, done: true } await的阻塞效果通过.then的回调必须在调用执行器resolve之后才会执行，然后将generator自循环
Js的Promise、Generator，Async/await 区别
chenzhao635的专栏
10-09 211
我们知道JavaScript是单线程语言，如果没有异步编程非得卡死。以前，异步编程的方法有下面四种 回调函数事件监听发布/订阅Promise对象 现在据说异步编程终极解决方案是——async/await 发展史： 本人最先接触Promise是Jquery的Deferred对象，然后就出现了bluebird这类实现Pr...
async和await有什么区别？
编程知识分享
03-21 8220
async和await async叫异步函数。是ES2017新出的，这让异步操作变得更简单了。本质上是Generator的语法糖，所以本质上还是 操作promise对象观察状态。 将promise方法中得generator和yield替换成async和await结合使用，也就是一个语法糖 语法糖：同样的代码效果，只用了更好的写法用法，也更用于理解，有利于编码风格的优化。比如es6的class，与之...
前端面试——回调、Promise、Generator和async-await
web分享客的博客
09-19 4546
首先我们回顾一下javascript异步的发展历程。 ES6 以前： 　　回调函数（callback）：nodejs express 中常用，ajax中常用。 ES6： 　　promise对象：nodejs最早有bluebird promise的雏形，axios中常用。 　　generator函数：nodejs koa框架使用率很高。 ES7: 　　async/await语法：当前最...
ES6--Promise、Generator及async
李刚的学习专栏
04-27 7424
ES6诞生以前，异步编程的方法，大概有如下四种：回调函数、事件监听、发布/订阅、Promise对象；ES6中，引入了Generator函数；ES7中，async更是将异步编程带入了一个全新的阶段。十四、Promise对象​ Promise，就是一个对象，用来传递异步操作的消息，避免了层层嵌套的回调函数。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的API，可供进
JavaScript异步编程及其工作原理，知其然知其所以然
赵忠洋的博客
05-16 397
异步编程 同步模式与异步模式 事件循环与消息队列 异步编程的几种方式 Promise异步方案、宏方案/微任务队列 Generator异步方案、Async/awit 语法糖 常见名词 CallStatck 调用栈 EventLoop 事件循环 WebApis 应用程序编程接口 Queue 消息队列 同步模式执行顺序和编译方式 function log(){ console.log('log') } log() console.
Promise，generator，async和await
m0_73284005的博客
08-18 218
同步任务 前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。 异步任务 异步任务由JavaScript 委托给宿主环境进行执行 当异步任务执行完成后，会通知JavaScript 主线程执行异步任务的回调函数 回调地狱 异步任务需要执行回调函数（es5通过回调函数拿到异步数据）解决，多个任务需要控制顺序执行的时候就会出现函数的嵌套，那么执行回调函数就会出现回调地狱。 局限性：代码不方便维护 为了解决回调地狱出现了Promise对象 解决异步编程（如利..
promise、async/await、generator函数
m0_57142556的博客
05-09 128
promise? 一、什么是promise？ promise是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，promise是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。 Promise是一个构造函数，这个回调函数中放的是异步的操作，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch等方法。 对于一个异步操作来说执行是需要时间的，所以一开始promise是一个pend...
协程(Coroutine)-ES中关于Generator/async/await的学习思考
不断成长的我
03-10 4522
协程－－轻量级的用户态线程协程（Coroutine）是一种轻量级的用户态线程。简单来说，进程(Process), 线程(Thread)的调度是由操作系统负责，线程的睡眠、等待、唤醒的时机是由操作系统控制，开发者无法精确的控制它们。使用协程，开发者可以自行控制程序切换的时机，可以在一个函数执行到一半的时候中断执行，让出CPU，在需要的时候再回到中断点继续执行。因为切换的时机是由开发者来决定的，就可以结
Generator和Async
weixin_33874713的博客
09-21 108
引言 接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。 在异步编程中，还有一种常用的解决方案，它就是Generator生成器函数。顾名思义，它是一个生成器，它也是一个状态机，内部拥有值及相关的状态，生成器返回一个迭代器Iterator对象...
async，await底层和generator
最新发布
05-16
在 JavaScript 中，`async` 和 `await` 是用来处理异步操作的关键字，而 `generator` 是另一种处理异步操作的方式。下面是它们之间的一些区别和联系： 1. `async/await` 是基于 Promise 的，而 `generator` 则不是。`async/await` 本质上是一种语法糖，它让 Promise 的使用更加直观和简洁，而 `generator` 则需要通过手动调用 `next()` 方法来控制异步操作的执行。 2. `async/await` 代码可读性更好。由于 `async/await` 是基于 Promise 的，所以它可以直接使用 Promise 的链式调用语法，代码可读性更好。而 `generator` 则需要手动控制异步操作的执行，代码可读性不如 `async/await`。 3. `async/await` 和 `generator` 在底层实现上也有所不同。`async/await` 的本质是一个自动执行的函数，它会自动将 `async` 函数内部的代码转化为 Promise，并自动调用 `then()` 方法获取执行结果。而 `generator` 则是通过 `yield` 关键字来暂停函数的执行，然后通过 `next()` 方法来恢复函数的执行。 总之，`async/await` 和 `generator` 都是 JavaScript 中处理异步操作的重要方式，但它们在底层实现和代码语法上有所不同。开发者可以根据实际情况选择合适的方式来处理异步操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值