关于async await 和promise

最新推荐文章于 2025-08-16 21:57:41 发布
最新推荐文章于 2025-08-16 21:57:41 发布
阅读量187 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js 文章标签： js es6 promise async await
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44013169/article/details/97005610
本文探讨了ES6中Promise的使用方式及其如何简化异步编程。进一步对比了Async/Await带来的更简洁写法，使其在异步代码中如同同步般书写。尽管如此，在某些情况下Promise依然具有不可替代的优势。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

promise是es6出来的用来解决异步回调问题的新的api, 通过promise我们会发现 确实会比回调函数写起来要方便很多，也可以用来进行异步转同步的作用，但是当我用了 async 和 await之后发现，这个写法更加的方便，是用同步的方式在写异步代码(只需要将await放在上面就行了) 而且也不用 .then() 将代码包进去，确实方便不少，看起来更加简洁，但问题是，只要放在上面，他就会阻止下面的代码执行，而有时候你并不想一棍子打死所有代码的时候，这时候可以使用 promise代替，总的来说 async await 还是特别的好用的

Promise与async/await
yuren_xia的博客
01-19 1406
Promise和是JavaScript中处理异步操作的两种重要方式。
async/await和promise的区别
m0_65169658的博客
04-22 1万+
async async函数定义 async函数是使用关键字声明的函数。async 是“异步”的简写，所以应该很好理解 async 用于申明一个 function 是异步的。 作用 用于解决：异步程序产生的bug ####async函数的语法 async function name([param[, param[, ... param]]]) { statements } 参数：name 函数名称 ​ param 要传递
vue中的 async await方法的理解
水镜先生的博客
12-20 675
异步理解
关于async/await使用retrun的问题
u012533474的博客
01-20 1517
场景：页面渲染数据想异步获取，封装了一个函数 async func(v) { let list = await get(url) return list[v] } 然后调用 func 重新渲染数据，结果页面没有内容出来（ 使用场景 this.text = func(v) ） 后来打印（console.log（this.text））发现 返回是一个promise对象 这时候才知道 ： 使用 async定义方法，该方法会返回一个Promise对象 如果返回结果为非Promise对.
关于输入框显示[object Promise]的问题
热门推荐
dujyong的博客
12-10 2万+
解决输入框显示[object Promise]的问题 在项目中遇到了一个摸不着头脑的问题，研究了很久才解决，百度上没有看到有什么记录，就将其记录一下， 项目中的输入框一输入东西就会变为[object Promise]，并且还删不掉，上图： 经过一步步排查，最终发现是双向数据绑定时出现了问题，： 赋值变为了异步进程导致页面渲染出现问题，将async删除，问题解决： ...
vue中异步函数async和await的用法
2401_84093310的博客
04-08 1831
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！点击【学习资料】即可领取！，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！点击【学习资料】即可领取！[外链图片转存中…(img-QpJ4IxM9-1712536274906)][外链图片转存中…(img-N2xPVRHL-1712536274906)]
async await和promise执行顺序
CH-EN.的博客
07-08 731
转载：https://segmentfault.com/a/1190000017224799 1、带async关键字的函数，它是得函数的返回值必定是promise对象 2、遇到await，是从右到左执行 3、await等到之后，做的事情； 分为两种情况，不是promise和是promise 如果不是promise，await会阻塞后边的代码，先执行async外边的同步代码，同步代码执行完成后再回到async内部，把这个非promise的东西，作为await表达式的结果 如果是p...
async await和promise的区别
Liw_J的博客
04-03 2115
综上所述，Promise 和 async/await 各有优势，适用于不同的场景。Promise 在并发处理和链式调用方面更为灵活，而 async/await 则提供了更接近同步编程的语法风格，使得代码更加清晰和易于理解。async/await 和 Promise 的区别主要体现在语法、错误处理、并发处理能力、代码可读性等方面。这样的代码更易于阅读和维护，尤其是当你有多个异步操作需要顺序执行时。是处理异步操作的一种更简洁的方法，它本质上是。关键字定义的异步函数，它使用。在JavaScript中，
async/await和Promise，手写Promise
Hello_MyDream的博客
05-19 1022
async/await和Promise，手写Promise
Promise对象的使用与async和await
緑水長流*z
04-01 812
Promise 是 JavaScript 中的一种编程模式，用于处理异步操作。它提供了一种更加优雅的方式来组织异步代码，避免了回调地狱（callback hell）的问题，并且使得错误处理更加一致。Promise 对象代表了一个最终会在未来完成（或失败）的异步操作，**所以在 Promise 返回给调用者的时候，操作往往还没有完成，并且其结果值未知。
2021-07-28 使用async和await改进Promise异步操作的写法
GAARA
07-28 294
Promise实现异步操作 //假设有4个异步方法要按顺序调用 new Promise(function(resolve){ ajaxA("xxxx", ()=> { resolve(); }) }).then(function(){ return new Promise(function(resolve){ ajaxB("xxxx", ()=> { resolve(); }) }) }).then(function(){ return n
【鸿蒙开发ArkTS】async await 与Promise静态函数的联动使用
ur_freckles的博客
09-28 1744
情况，代码嵌套一层套一层，可读性变差，很容易变成“屎山代码”，在这种情况下先是产生了。相比于 all 方法，allSettled 可以获取所有的结果，无论成功失败。Promise对象的.then回调函数在一些情况下会产生。：现界面上有全部图书，点击全部删除按钮即可删除全部图书。的方式避免嵌套，可是依然曾在回调函数，可读性还是不高。的Promise语法糖，使得编写异步代码变得更加。（完成或拒绝），以同步的方式编写异步操作的代码。多个Promise，全部成功，某一个失败。async/await是一种用于。
ES6+内置进制转换方法
gzzeason的博客
08-15 242
【代码】ES6+内置进制转换方法。
23. CommonJS 和 ES6 Module 区别
weixin_64684095的博客
08-16 410
CommonJS是 Node.js 中使用的模块化规范，适用于服务端。是 ECMAScript 2015 引入的官方模块化标准，适用于浏览器和现代 Node.js 环境。主要区别如下：加载时机不同：CommonJS 是运行时加载，ES6 Module 是编译时加载。输出方式不同：CommonJS 输出值的拷贝，ES6 Module 输出值的引用。使用语法不同：CommonJS 使用require和，ES6 Module 使用import和export。
现代 JavaScript 基础精要：ES6+ 核心特性完全解析
在0与1的裂缝里，种出AI的未来。
08-13 926
ES6+ 带来的变革不仅仅是语法上的更新，更是 JavaScript 在开发理念、工程化能力和表达能力上的巨大飞跃。熟练掌握let/const、解构、箭头函数、模板字符串、默认参数、等基础特性，能显著提升日常开发的效率和代码质量。深刻理解Promise和，是征服异步编程世界的核心钥匙。模块化 () 则是构建大型、可维护应用的基石。class提供了更优雅的面向对象表达方式，但不忘其基于原型的本质。而Map和Set作为标准化的集合数据结构，在处理特定问题时比传统的Object或数组更加专业和高效。
mmexport1755325166750.mp4
08-16
mmexport1755325166750.mp4
Go语言教程&案例&相关项目资源
08-16
Go语言教程&案例&相关项目资源
基于应力的多轴疲劳分析应用程序.zip
最新发布
08-16
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
async await 和promise的区别
07-25
JavaScript 中的 `Promise` 和 `async/await` 都是用于处理异步操作的机制，但它们在语法和使用方式上有明显差异。 `Promise` 是 ES6 引入的一种处理异步操作的标准方式。它通过 `.then()` 和 `.catch()` 方法来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值