async与await实例

最新推荐文章于 2024-04-09 00:00:00 发布
最新推荐文章于 2024-04-09 00:00:00 发布
阅读量201 收藏
点赞数 1
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014244856/article/details/125982655
版权
本文探讨了async/await关键字在JavaScript中的行为，指出它们的阻塞效果仅限于函数内部，并通过示例说明了如何在不同情境中理解其异步回调的本质。特别关注了doSomething函数中for循环和await语句的交互。
摘要由CSDN通过智能技术生成
  1. const doSomeThing = async () => {
    console.log(‘start do some thing’);
    await doA();
    await doB();
    console.log(‘do some thing done’);
    };

const doAnotherThing = () => {
console.log(‘do another thing’);
};

const doA = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(‘do a’);
resolve();
}, 10000);
});
};

const doB = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(‘do b’);
resolve();
}, 10000);
});
};
doSomeThing();
doAnotherThing();

所以async,await 的阻塞只在该函数作用域有效,本质上还是异步回调调用。

const doSomeThing = async () => {
console.log(‘start do some thing’);
await doA();
for (var i=0;i<10000;i++)
{
console.log(‘do’+i);
}

 console.log('do some thing done');

};

const doA = () => {
return new Promise((resolve, reject) => {
resolve();
});
};

const doAnotherThing = () => {
console.log(‘do another thing’);
};

doSomeThing();
doAnotherThing();

const doSomeThing = async () => {
console.log(‘start do some thing’);
for (var i=0;i<10000;i++)
{
console.log(‘do’+i);
}

await doA();

 console.log('do some thing done');

};

const doA = () => {
return new Promise((resolve, reject) => {
resolve();
});
};

const doAnotherThing = () => {
console.log(‘do another thing’);
};

doSomeThing();
doAnotherThing();

await 之后的函数和doAnotherThing();异步

与语言握个手
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
async和await使用简单实例
08-30
网上摘抄的简单实例，可能网上找得到。我这里就直接把代码弄出来 大家单步执行，既能知道async和await的用法
.net4.5使用async和await异步编程实例
12-31
关于异步编程的简单理解：在.NET4.5中新增了异步编程的新特性async和await,使得异步编程更为简单。通过特性可以将这项复杂的工作交给编译器来完成了。之前传统的方式来实现异步编程较为复杂，这样对于程序猿来说处理...
async await实例
马优晨
09-29 1665
（1）await实现休眠效果 JavaScript 一直没有休眠的语法，但是借助await命令就可以让程序 停顿指定的时间 。 function sleep(interval) { return new Promise(resolve => { setTimeout(resolve, interval); }) } // 用法 async function one2Five...
async await 使用案例
weixin_45731789的博客
01-17 1234
async和await使用案例
async-await 实例
Wing的专栏
11-07 322
function sleep(second) { return new Promise((resolve, reject) =&gt; { setTimeout(() =&gt; { resolve('request done! ' + Math.random()); }, second); }) } async fu...
async and await 简单的入门
深海之蓝的个人专栏
06-07 989
如果有几个Uri，需要获取这些Uri的所有内容的长度之和，你会如何做？   很简单，使用WebClient一个一个的获取uri的内容长度，进行累加。 也就是说如果有5个Uri，请求的时间分别是:1s 2s 3s 4s 5s. 那么需要的时间是:1+2+3+4+5=(6*5)/2=15. 如果采用并行计算的话，结果可能是这样： 总时间长度是5s.   为了演示效果，需要下面3个页
关于async和await的一些误区实例详解
09-04
async和await是C#编程中用于实现异步编程的关键特性，它们经常被误解，尤其是在与多线程和并发处理的概念混淆时。本文将通过实例详细解释这些常见的误区，帮助开发者更深入地理解C#程序设计。 首先，我们要明确...
JavaScript async/await原理及实例解析
01-22
随着Node 7的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。 异步编程的最高境界，就是根本不用关心它是不是异步。 async 函数就是隧道尽头的亮光，很多人认为它是异步操作的终极解决方案。...
详解 async/await ：应用场景，示例代码，注意事项
最新发布
大剑师兰特的GIS世界
04-09 1499
async/await` 是 JavaScript 异步编程的一种简化写法，它建立在 Promise 基础之上，提供了更加简洁和易于理解的方式来处理异步操作。以下是 `async/await` 的关键字、应用场景、示例代码以及注意事项。
javascript async和await实例
邱权武(isfive)的博客
06-29 998
javascript async和await实例 example function resolveAfter2Seconds(x) { return new Promise(resolve =&gt; { setTimeout(() =&gt; { resolve(x); }, 2000); }); } async function add1(x)...
浅谈Async和Await如何简化异步编程（几个实例让你彻底明白）
08-31
本篇文章主要介绍了浅谈Async和Await如何简化异步编程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
async_await函数的使用小案例
菜鸟记录
09-24 259
⏹async_await函数的使用小案例
async和await的用法一个例子说明
社会人
11-11 331
async和await的用法一个例子说明,.永久记住
javaScript中的async和await的理解和案例
shadowfall的博客
11-27 338
async / await ES6 提出的语法, ES7 进行完善并且大规模使用的语法 两个关键字 阻塞式同步 async: 书写在函数的最前面, 把这个函数修改为一个 异步函数 => async function fn() {} => 为了表示函数内部的 代码 是一段异步代码 => 为了让 await 关键字可以使用 await => 能且只能等待一个 promise 对象的完成 => 只要你在 await 后面书写一个 promise 对象 => 那么你本身应该
一个简单的实例帮你彻底学会async和await的用法
海贼王某人的博客
08-01 2971
一个简单的实例帮你彻底学会async和await的用法，但是接口请求并没有返回我们需要的数据，console.log(333333)正常执行，最后在我们异步执行完成后执行了console.log(222222)，所以我们的代码并没有等异执行完在执行下面的同步操作，而是先执行了所有同步任务，最后执行了异步操作，这下明白了吗。，再来看看不加await输出结果。我们声明一个普通函数getDatas，这个函数里面写了一个异步请求，用来获取后台数据。...
Javascript : async 和await的例子
Julia & Rust & Python
09-05 344
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function // var dd = new Date(); // var nn = dd.getTime(); // console.log(`parallel: ${nn- n} 毫秒!`); function resolveAfter2Seconds() { console.log("starting slow pro
用图表和实例解释Await和Async
李水灵的博客
08-15 340
转载自：前端大全 简介 JavaScript ES7中的 async / await 让多个异步promise协同工作起来更容易。如果要按一定顺序从多个数据库或者API异步获取数据，你可能会以一堆乱七八槽的promise和回调函数而告终。而 async / await 结构让我们能用可读性强、易维护的代码更加简洁的实现这些逻辑。 本教程用图表和简单示例讲解了JavaScript中 asy...
async+await详解：async+await教你如何彻底摆脱回调地域，让代码接近同步更简洁（内有B站教学视频）
qq_42961150的博客
08-20 831
概要 async+await是es2017中的新特性，主流浏览器都已支持； 避免回调地域（多个请求按顺序执行，摆脱嵌套）； 代码更加简洁，看起来更像同步代码； 更优雅，代码执行的速度也会有改观。 准备工作 在这里我先模拟一个函数，方便下面代码中直接调用： async function getData(id=1){ if(typeof id != 'number'){ throw new Error('错误类型'); } const result = id==1?{
@Async注解详解+实例
热门推荐
javaeEEse的博客
09-06 1万+
@Async注解详解+实例
async和await实例
09-22
async和await是一种在JavaScript中处理异步操作的特殊语法。通过使用async关键字来定义一个函数为异步函数，该函数内部可以使用await关键字来等待一个异步操作的结果。这样可以使得异步操作变得更加直观和易于理解。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值