async-await的原理和使用

最新推荐文章于 2024-06-14 13:39:04 发布
最新推荐文章于 2024-06-14 13:39:04 发布
阅读量4.6k 收藏 2
点赞数
分类专栏： 十二.vue 三.JavaScript 文章标签： async-await的原理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaodi520520/article/details/92801979
版权
本文深入探讨了async函数的本质，指出它实际上返回一个Promise对象。当在async函数中使用await时，即使处理的是异步操作，整个流程也会变得类似同步，等待异步任务完成后才继续执行后续的同步代码。通过这种方式，async/await提供了一种更简洁、易于理解和调试的异步编程方式。
摘要由CSDN通过智能技术生成
总结：其实前面加了async的函数,当我在这个函数调用的时候进行打印发现它输出的是一个promise对象,其实这个函数的本质就是返回了一个promise对象,在这个函数里里我们加上await后,即使调用的是异步代码,它也会变成类似于同步,只有让这个异步代码执行完后,才会执行下面的同步代码来执行，这就是它的本质。
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewp
最低0.47元/天 解锁文章
庚中
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
搞懂Promise, async,await(附代码)
weixin_45926177的博客
09-04 265
Promise对象 用于实现JS的异步机制, 非常重要!!! 执行流程(无其他异步操作, 如定时器): #mermaid-svg-LrQHCMicnaErowJB .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-LrQHCMicnaErowJB .label text{fill:#333}#mermaid-sv
c++ 等待异步回调_回调vs承诺vs异步等待
weixin_26723981的博客
08-17 1114
c++ 等待异步回调Why there is a multiple approach for handling asynchronous operations in Javascript? How do I choose the best fit for my use case? Lets deep dive to discuss on this topic. Even though myriad...
理解异步函数async和await的用法
热门推荐
铁锤妹妹的博客
03-23 8万+
async作为一个关键字放在函数前面，表示该函数是一个异步函数，异步函数意味着该函数的执行不会阻塞后面代码的执行；而 await 用于等待一个异步方法执行完成
async/await理解
qq_23350817的博客
09-13 557
异步顾名思义是“异步”的意思，异步用于声明一个函数是异步的。而AWAIT从字面意思上是“等待”的意思，就是用于等待异步完成。并且AWAIT只能在异步中函数使用通常异步，待机都是跟随无极一起使用的。为什么这么说呢？因为异步返回的都是一个承诺对象同时异步适用于任何类型的函数上。这样的AWAIT得到的就是一个承诺对象（如果不是无极对象的话那异步返回的是什么就是什么）; await得到Promise对象之...
async await的原理和作用
最新发布
听老罗娓娓道来
06-14 780
async和await是现代编程语言中用于处理异步编程的关键字。它们的主要作用是简化异步代码的编写，使其看起来更像同步代码，从而提高代码的可读性和可维护性。通过使用async和await，开发者可以编写更清晰、更易读的异步代码，并提高应用程序的并发性能和响应速度。async和await关键字在高层次上简化了异步编程，但它们的实现依赖于操作系统和运行时环境提供的底层机制。async和await关键字在高层次上简化了异步编程，但它们的实现依赖于操作系统和运行时环境提供的底层机制。
C++11中std::async的使用详解
12-20
C++11中的std::async是个模板函数。std::async异步调用函数，在某个时候以Args作为参数(可变长参数)调用Fn，无需等待Fn执行完成就可返回，返回结果是个std::future对象。Fn返回的值可通过std::future对象的get成员函数获取。一旦完成Fn的执行，共享状态将包含Fn返回的值并ready。 std::async有两个版本： 1.无需显示指定启动策略，自动选择，因此启动策略是不确定的，可能是std::launch::async，也可能是std::launch::deferred，或者是两者的任意组合，取决于它们的系统和特定库实现。 2.允许调用者选择特定的
详解vue中async-await的使用误区
10-17
理解 Vue 生命周期和 async/await 的工作原理至关重要。虽然 async/await 可以使异步代码看起来更像同步，但它们并不会真正改变异步操作的本质。在 Vue 中，应谨慎使用 async/await，确保正确处理异步操作与生命周期...
js代码-async-await实现原理
07-14
`async/await`的实现原理基于生成器（Generators）和迭代器。在ES6中引入的生成器允许函数暂停执行并在稍后恢复，这是`async/await`的基础。`async`函数实际上是一个特殊的生成器函数，它返回的迭代器产出的值是...
Pursuit-Core-Web-Async-Await-Lab
03-25
对于我们（作为程序员）来说，这是一项基本技能，需要通过一段时间的测试来了解任何特定的API的工作原理，因此花15分钟左右的时间查看API文档并在Insomnia中试用它。 今天，我们将创建一个执行以下操作的应用程序：...
JavaScript async/await原理及实例解析
01-22
async 和 await 起了什么作用 async 起什么作用 这个问题的关键在于，async 函数是怎么处理它的返回值的！ 我们当然希望它能直接通过return语句返回我们想要的值，但是如果真是这样，似乎就没 await 什么事了。所以...
ES7之Async/await的使用详解
11-29
在 js 异步请求数据时，通常，我们多采用回调函数的方式解决，但是，如果有多个回调函数嵌套时，代码显得很不优雅，维护成本也相应较高。 ES6 提供的 Promise 方法和 ES7 提供的 Async/Await 语法糖可以更好解决多层回调问题。 Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。 await 操作符用于等待一个Promise 对象。它只能在异步函数 async function 中使用。 await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。若 Promise 正常处理(fulfilled)，其回调
CppAwait:C ++中的C＃asyncawait。 旧版实现，请改用CppAsync！
05-02
注意 该库不再维护。 所有开发都已转移到 ，这是一种更有效，更灵活且不依赖Boost.Context的完整重新实现。 CppAwait CppAwait是一个C ++库，它允许以自然（顺序）形式编写异步代码。 它解决了异步API典型的代码流反转。 因此-您可以使用简单的条件，循环和异常处理程序来表达您的异步算法，而不是链接回调，而是处理状态和错误代码。 目标：使编写必须处理缓慢的网络和文件I / O的响应式应用程序变得更加容易。 这个怎么运作 CppAwait提供了一个类似于C＃5中的await构造（请参见 ）。 在到达等待表达式时，C＃编译器会自动将方法的其余部分转换为任务继续。 在C ++中，可以通过协同程序（CppAwait在Boost.Context之上实现）来实现类似的效果。 调用await()将暂停协程，直到相关任务完成。 该程序可以在协程被暂停时自由地执行其他工作。
c++中的async
m0_38126105的博客
12-31 1124
在c++11中为我们提供了一种十分简易又遍历的异步线程的方法，这种就是async。以下是async的一些使用方法。分为以下几步：如何启动异步线程，如何知道异步线程的状态，怎么得到异步线程的结果。async的头文件时future. #include "future" #include "thread" #include "iostream" #include "windows.h" using...
[译]C++ 协程：理解 co_await 运算符
weixin_34226182的博客
11-16 8258
原文地址：C++ Coroutines: Understanding operator co_await 原文作者：lewissbaker 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：7Ethan 校对者：razertory,noahziheng C++ 协程：理解 co_await 运算符 在之前关于 协程理论的博客 中，我介绍了一些函数和...
python 异步 async/await（进阶详解）
qq_43380180的博客
12-23 5万+
CPU的时间观 I/O（异步的瓶颈） 基础概念 进程/线程 阻塞/非阻塞 并发/并行 CPU调度策略 同步/异步 事件循环+回调 协程（异步） async/await asyncio事件循环（python3.6） asyncio事件循环（python3.7） async await asyncio.create_task() asyncio.futures对象 实例 参考
python await原理_简单理解Generator自执行及async、await语法原理
weixin_39622419的博客
12-15 262
为了更加方便的处理异步操作问题，现在最新的前端框架生态都开始用上了Generator和yield，有的甚至已经开始使用最新的async、await语法了，这两样都是基于Generator自动执行的原理。这里就简单理解下Generator自执行及async、await语法原理：一、thunk函数thunk函数指的是能将执行结果传入回调函数，并将该回调函数返回的函数。是不是有点抽象，举个例子:var ...
async函数和await函数
初漾的博客
10-25 1563
ES7提供了async函数，使得异步操作变得更加方便。一句话，async函数就是Generator函数的语法糖。前文有一个Generator函数，依次读取两个文件。
async-await使用以及分析
weixin_45345105的博客
02-08 69
32
await原理 js_JavaScript 工作原理之四－事件循环及异步编程的出现和 5 种更好的 async/await 编程方式(译)...
weixin_32955259的博客
01-17 147
原文请查阅这里，略有改动。本系列持续更新中，Github 地址请查阅这里。这是 JavaScript 工作原理的第四章。现在，我们将会通过回顾单线程环境下编程的弊端及如何克服这些困难以创建令人惊叹的 JavaScript 交互界面来展开第一篇文章。老规矩，我们将会在本章末尾分享 5 条利用 async/await 编写更简洁代码的小技巧。单线程的局限性在第一篇文章开头，我们考虑了一个问题即当调用...
async和await原理
08-17
async/await是C#中用于编写异步代码的关键字。它基于任务(Task)和异步操作模式(Async Operation Pattern)来实现异步编程。当方法被标记为async时，这个方法可以包含await关键字，用于等待一个异步操作完成。在等待异步操作期间，方法会立即返回，不会阻塞线程。当异步操作完成后，方法会继续执行剩下的代码。 在编译时，编译器会将带有await关键字的代码转换为状态机(State Machine)的形式，以便正确处理异步操作的状态和结果。这样就实现了代码的简洁、易懂、易维护。 具体实现上，编译器会生成一个状态机类来管理异步操作的状态。每当遇到await关键字时，编译器会将await后面的表达式封装为一个任务(Task)，并将控制权返回给调用者。当异步操作完成后，状态机会通过回调或轮询等方式，重新获取控制权并继续执行剩下的代码。 总结起来，async/await通过编译器实现的语法糖，使得编写异步代码变得更加简单和直观，同时保持了代码的可读性和可维护性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Async和Await异步编程的原理](https://blog.csdn.net/sD7O95O/article/details/116382292)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [C# Async/Await原理剖析](https://blog.csdn.net/weixin_43990579/article/details/105417652)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值