async跟await之间的关系（前端）

最新推荐文章于 2024-06-11 15:16:13 发布
最新推荐文章于 2024-06-11 15:16:13 发布
阅读量387 收藏
点赞数
文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32798905/article/details/114838928
版权

最近在学node，不太清楚前端的async跟await之间的区别，只能求助会前端的小强（这里使用化名）

没想到他也说得很模糊，我自己百度了一下，得出下面的结论：
1.await可以执行异步操作，但是await必须在async函数内执行

2.await操作可以有返回值

3.如果await里面执行的异步操作发生了reject，或者发生了错误，那么只能使用try...catch语法来进行错误处理

 

总而言之，async其实是一个promise的语法糖

viewda
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端开发：Async/Await的使用丨蓄力计划
软贱开发攻城狮
04-15 1332
接着三掌柜的上一篇关于Promise的使用的博文来继续讲，前端处理异步回调操作用到的方法之一：Async/Await。可以说Async/Await是Promise的升级版，而且应用了Async/Await的异步请求的情况下，可以让代码看起来像同步方式调用解决异步回调。 在ES7之前，了解到Promise是ES6为了解决异步回调而产生的解决方案，避免出现回调地狱(Callback Hell)，那么ES7为什么又提出了新的Async/Await标准？问题答案就是：Promise虽然解决了异步嵌套的怪圈，使用.
【面试题】手写async await核心原理，再也不怕面试官问我async await原理_前端面试题 async 和 await 的 原理
2401_84446825的博客
05-01 271
可以看到运行结果是先打印了1，再打印2了，也就是说明在返回的promise对象没执行resolve()前，就一直在await，等它执行。然后再执行下面的程序，那这个是怎么实现的呢？
ES7前端异步玩法：async/await理解
dc1339485的博客
11-30 256
在最新的ES7（ES2017）中提出的前端异步特性：async、await。 什么是async、await？ async顾名思义是“异步”的意思，async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。并且await只能在async函数中使用 通常async、await都是跟随Promise一起使用的。为什么这么说呢？因为async返回的...
前端异步(async)解决方案(所有方案)
最新发布
2401_85124119的博客
06-11 836
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
await和async的关系
m0_38038767的博客
06-16 191
async async的右面必须是一个函数，当加上async的时候，函数的返回值将会是一个promise对象。 await awiat的右面是一个表达式，不一定需要是一个被async定义的函数，可以是一个普通函数，例如 fn1 () { return 1 } async fn2 () { return new Promise((resolve, reject) => { resolve(2) }) } await fn1() await fn2() 这样的两种写法都是可以的。 区别在于，如
前端 js 经典：async 和 await
weixin_64684095的博客
06-26 280
async 作为一个关键字放到函数前面，用于表示函数是一个异步函数。异步函数也就意味着该函数的执行不会阻塞后面代码的执行。async 函数返回的是一个 Promise 对象await 后面可以放任何表达式，不过正常情况下还是放一个返回 promise 对象的表达式。await 关键字只能放在 async 函数里// 延时函数delay});// f() 异步函数就完美的解决了回调函数问题// 6秒后打印结果 done});
async/await 的理解和用法
热门推荐
qq_42941302的博客
10-23 16万+
async/await是什么 async/await 是ES7提出的基于Promise的解决异步的最终方案。 async async是一个加在函数前的修饰符，被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then，返回值就是then方法传入的函数。 // async基础语法 async function fun0(){ console.log(1); return 1; } fun0().then(val=>{ conso
Promise和async/await
酷爱前端的小陈博客
04-20 804
1. 回调地狱 多层回调函数的相互嵌套，就形成了回调地狱。示例代码如下： 回调地狱的缺点： 代码耦合性太强，牵一发而动全身，难以维护 大量冗余的代码相互嵌套，代码的可读性变差 1.1 如何解决回调地狱的问题 为了解决回调地狱的问题，ES6（ECMAScript 2015）中新增了 Promise 的概念。 2.Promise 的基本概念 ① Promise 是一个构造函数 我们可以创建 Promise 的实例const p = new Promise() ...
前端面试系列-JavaScript-理解async/await
LYFlied的博客
03-24 889
如果 async 函数没有返回值，它会返回 Promise.resolve(undefined)** 一、async,await 1.作用 2.await 在等什么 3.await 等到了要等的，然后呢 二、async、await串行并行处理 1.串行 2.并行 三、async、await错误处理 四、优点
web前端中的async/await用处你知道？
icktpxcls的博客
07-06 543
下文三个装饰器，都是利用了async/await把异步变成同步的特性实现的。 要求被装饰的方法必须写成async/await，用起来十分方便，实现彻底被隐藏在了装饰器内部。 前两个都是用在ts环境下class写法的vue里的。不过看清楚逻辑后，很容易修改成可以用在js环境中的vue组件上。 下面和爱创乐育小编一起来，看一下吧！！！ 一、给vue添加一个指示初始化完成的变量。 指业务相关的初始化逻辑都完成了 比如搜索功能：搜索中显示loading，结果为空时显示暂无数据。但是第一次打开页面时，搜索还没完成，但
详解vue中async-await的使用误区
10-17
Vue.js 是一个流行的前端框架，用于构建用户界面。在 Vue 中，async/await 语法常用于处理异步操作，使得...在 Vue 中，应谨慎使用 async/await，确保正确处理异步操作与生命周期之间的关系，以避免出现预期外的行为。
前端async和await
yuanfei0501的博客
07-07 3478
async 作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样 async function timeout(){ return "helloworld"; } console.log(timeout()); console.log("我在异步函数后面，会先执行谁呢"); // Promise { 'helloworld' } // 我在异步函数后面，会先执行谁呢 可以看出执行顺序还是函数先执行，但是函数的返回结果是一个P
前端异步async await理解意思是什么
m0_49714202的博客
02-18 1862
先从字面意思来理解，async 是“异步”的意思，而 await 是等待的意思。所以应该很好理解 async 用于申明一个 异步的function（实际上是async function 对象），而 await 用于等待一个异步任务执行完成的的结果。 并且 await 只能出现在 async 函数中。 await 操作符 await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。若 Promise 正常处理(fulfilled)，其回调的resolve函数参数作为
前端（十二）——深入理解和使用 async和await
杜永康的博客
08-16 1198
是基于Promise的一种语法糖，它提供了一种更优雅的方式来编写异步代码。通过使用async关键字声明一个异步函数，我们可以在其中使用await关键字等待Promise对象的解决（resolved）或拒绝（rejected），使得代码看起来更像是同步的方式进行编写和阅读。当我们遇到需要代码加载顺序必须同步时，也就是执行顺序必须由上而下，等中间代码执行完毕才能向下执行时。我们需要用async和await来介入，他们的配合使用，可以使异步变为同步，多用于改变接口请求等异步操作。
async和await的使用
qq_44087189的博客
11-11 676
async和await的初次使用 一些知识： async和await能彻底消灭异步回调函数，将异步函数写成同步函数的样子。 await只能存在于async函数中 await后的内容是同步的，需等待await执行完后执行 常见问题 ： async，await和Promise的区别 1.async返回的都是Promise对象，返回值为数值或者对象，都会被转为Promise对象 2.await对应Promise中的then，也就是成功的情况；await后不管是函数/数值，都被转为Promise对象 3.async
搞懂Promise async await 之间的联系
weixin_45736311的博客
04-06 553
在js中右两种实现异步操作的方式： 一、回调函数 比如使用setTimeout()让一个传入的回调函数在指定时间后才执行 setTimeout(() => { console.log("哈喽"); },3000); 这种方法虽然简单易懂，但是当需要一次执行多个异步操作时，程序就会一层一层的嵌套执行（所谓的回调地狱），所以就出现了promise函数 二、Promise链式调用 优点：它可以用一种链式结构将多个异步操作串联起来，避免了链式的层层嵌套 fetch: 是JS中使用Promise的API，
async、await详解
rpf1234的博客
03-10 679
上面这段代码async中使await 摇色子()先执行，等到三秒后执行完再把得到的结果赋值给左边的n，也就是说test函数需要三秒钟才执行完成，所以test函数是异步的，因此前面必须写async？async/await是对Promise的优化:async/await是基于Promise的，是进一步的一种优化，不过在写代码时，Promise本身的API出现得很少，很接近同步代码的写法；await 等待的是一个Promise对象，后面必须跟一个Promise对象，但是不必写then()，直接就可以得到返回值。
前端async与await
01-31
async/await是JavaScript中用于处理异步操作的语法糖。async用于定义一个异步函数，而await用于等待一个异步任务执行完成并返回结果。 在前端开发中，经常需要处理一些异步操作，例如发送网络请求、读取文件等。传统的处理方式是使用回调函数或者Promise对象，但这些方式可能会导致代码嵌套过深，可读性较差。而async/await的出现，使得异步操作的处理更加简洁和直观。 使用async关键字定义的函数会返回一个Promise对象，该对象的resolve值是函数的返回值。在async函数内部，可以使用await关键字等待一个异步任务的完成，并将其结果返回。await只能在async函数内部使用。 下面是一个使用async/await处理异步操作的示例： ```javascript async function getData() { try { const response = await fetch('https://api.example.com/data'); // 发送网络请求并等待结果返回 const data = await response.json(); // 解析响应数据并等待解析完成 console.log(data); // 打印解析后的数据 } catch (error) { console.error(error); // 处理错误 } } getData(); ``` 在上面的示例中，我们定义了一个名为getData的异步函数。在函数内部，我们使用await关键字等待fetch函数发送网络请求并返回结果。然后，我们使用await关键字等待response.json()方法解析响应数据。最后，我们打印解析后的数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值