终于理清楚了Promise以及async和await

最新推荐文章于 2024-08-16 11:35:39 发布
最新推荐文章于 2024-08-16 11:35:39 发布
阅读量651 收藏 1
点赞数
分类专栏： 前端 html 文章标签： java 服务器 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54850825/article/details/123322355
版权
本文详细介绍了Promise的原理和用法，包括其三个状态、基本使用、为何使用Promise来解决异步问题、Promise.all()和Promise.race()的用法，以及Promise的关键问题。接着，文章探讨了async函数和await关键字，阐述了它们如何简化异步编程，以及await如何处理Promise结果和异常。
摘要由CSDN通过智能技术生成

promise理解：

1，是js异步编程的新的解决方案
2，是一个构造函数
3，用来封装一个异步操作，并可以获得其结果

promise三个状态：

1，pendding 未确定
2，resolved 成功
3，rejected 失败
注：状态只能改变一次，成功数据称为value，失败称为reason

promise的基本使用

在这里插入图片描述

为什么要用Promise：

1.指定回调函数的方式灵活，可以在异步任务前指定也可以在异步任务后指定，而以前指定回调函数必须在异步任务开始前指定。
2.支持链式调用，可以解决回调地狱问题
3.回调地狱：回调函数嵌套调用，内层的回调函数需要的条件是外层异步执行的结果。不便于阅读还有异 常处理，
4.解决方案。promise链式调用。
5.最佳解决方案，async/awai（在程序员角度没有回调函数，编译后其实还是会有回调函数）

语法糖

p3.then(null,reason => {})相当于p3.catch( reason =>{} )

最低0.47元/天 解锁文章
m0_54850825
关注
专栏目录
java await async_[完结篇] - 理解异步之美 --- promise与async await（三）
weixin_39777404的博客
02-23 155
天下没有不散的宴席这个系列到这里应该就是最后一节了，前两章着重讲了promise，为什么着重讲promise呢？因为在用法上promise要比async await难一些，而且promise本身又不是一个语法糖。没有掌握的时候用起来就会有很多顾虑，async await却没有这种顾虑，用法简单、语义清晰。下面就要开始学习async await了：不讲讲迭代器模式总觉得怪怪的对于java语言来说，迭...
TS Promise && async && await
zien的博客
12-22 3051
通过测试代码，深入了解promise、async、await的功能以及应用方式
js中的promise、async/await 用法，详解async、await 语法糖，js中的宏任务和微任务（保姆级教程二）
最新发布
zhangfuping123456789的博客
08-16 1498
js、promise、await、async
async、await、Promise
Meng_000000的博客
01-20 385
1.关键字async、await async就是将一个函数声名为异步函数，await等待异步函数返回的结果 1.1 async用法 举个例子 async function timeout() { return 'hello world' } timeout().then(result => { console.log(result); }) console.log('虽然在后面，但是我先执行'); 输出结果为： 可以清楚的看到，即使timeout()函数先调用，但是结果输出是在后面
async / await 与 Promise
yechongchong的博客
07-24 290
await 操作符用于等待一个Promise对象。它只能在异步函数async function中使用。
promise与async和await
weixin_60414376的博客
01-27 1596
目录一）同步与异步二、promise1、出现原因：2、promise注意事项：3、promise.all（）使用。三）async和await。由于js是单线程语言，下面代码尽管setTimeout在上，但最后-仍然会先输出下面的2，等待一秒之后再是输出前面的1。 使用promise就会实现异步操作。下面代码会过0.5秒输出1，再过1秒输出2 2、promise注意事项： 1、new promise(()=>{})里面参数为箭头函数 2、箭头函数的第一个参数是resol
promise、async和await
zy_lalala的博客
05-01 5743
promise JavaScript是单线程 因为js语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。 异步任务 但这样很容易造成阻塞，所以把任务分成了同步任务和异步任务两种，异步模式可以同时执行多个异步任务，当主线程遇到异步任务，就把异步任务放进’任务队列’里，执行完同步任务后，再循环的去检查任务队列里面有哪些异步任务要执行， 回调函数 在没有promise前，使用的是回调函数的方式来执行异步任务，就是当主线程开始执行这个异步任务时，就去执行这个异步任务对应的回调函数。 异步任务比如：ajax
Promise和async/await
酷爱前端的小陈博客
04-20 936
1. 回调地狱 多层回调函数的相互嵌套，就形成了回调地狱。示例代码如下： 回调地狱的缺点： 代码耦合性太强，牵一发而动全身，难以维护 大量冗余的代码相互嵌套，代码的可读性变差 1.1 如何解决回调地狱的问题 为了解决回调地狱的问题，ES6（ECMAScript 2015）中新增了 Promise 的概念。 2.Promise 的基本概念 ① Promise 是一个构造函数 我们可以创建 Promise 的实例const p = new Promise() ...
Promise、async和await
软件测试的坑，让我来踩吧
08-16 1443
在JavaScript中，难免会遇到异步访问的场景，比如打开文件，访问数据库等等。如果不做好异步控制，会导致意外结果，比如：返回值还没返回就想调用，所以就需要用到Promise。
JavaScript异步编程：Async、await与Promise
m0_47584501的博客
10-12 3470
JavaScript异步编程
async与await与Promise看这一篇就够了
cwjxyp的博客
07-15 895
由宿主（浏览器、Node）发起的，而微任务由JS自身发起宏任务（Macrotask）微任务（Microtask）setTimeoutrequestAnimationFrame（有争议）MutationObserver（浏览器环境）I/O，事件队列process.nextTick（Node环境）setImmediate（Node环境）script（整体代码块）......
promise与ts基础
qq_36344077的博客
05-13 526
一、promise、async、await 1.1、promise /***回调地狱**************************************************************************/ var img = new Image(); img.src = "a.jpg"; img.onload = function () { var img1 = new Image(); img1.src =
鸿蒙ArkTS实战开发：异步并发 (Promise和async/await)
shudaoshanQAQ的博客
03-30 6067
Promise和async/await提供异步并发能力，是标准的JS异步语法。
鸿蒙ArkTS实战开发：异步并发 (Promise和async await)，鸿蒙面试准备
2401_84181309的博客
04-16 696
有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。为了能够帮助大家快速掌握**鸿蒙（HarmonyOS NEXT）**应用开发技术知识。在此给大家分享一下我结合鸿蒙最新资料整理出来的鸿蒙南北向开发学习路线以及整理的最新版鸿蒙学习文档资料。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。
鸿蒙原生应用开发-ArkTS语言基础类库异步并发简述async/await
weixin_69135651的博客
03-06 1178
在async函数内部，可以使用await关键字等待一个Promise对象的解析，并返回其解析值。如果一个async函数抛出异常，那么该函数返回的Promise对象将被拒绝，并且异常信息会被传递给Promise对象的onRejected()方法。通过使用async关键字声明一个函数为异步函数，并使用await关键字等待Promise的解析（完成或拒绝），以同步的方式编写异步操作的代码。下面是一个使用async/await的例子，其中模拟了一个异步操作，该操作会在3秒钟后返回一个字符串。
详解Promise和Async用法
weixin_52700022的博客
07-20 1350
详解Promise和Async用法
浅谈promise和async/await执行顺序
qq_45693448的博客
06-10 722
下面来看一个最简单的例子，这个期约在超时之后会解决为一个值： 这个期约在 1000 毫秒之后解决为数值 7。如果程序中的其他代码要在这个值可用时访问它，则需要 写一个解决处理程序： 这其实是很不方便的，因为其他代码都必须塞到期约处理程序中。不过可以把处理程序定义为一个函数： 这个改进其实也不大。这是因为任何需要访问这个期约所产生值的代码，都需要以处理程序的形式 来接收这个值。也就是说，代码照样还是要放到处理程序里。 async/await 旨在解决利用异步结构组织代码的问题。为此， ECMAScript 对
promise 以及 async和await
08-16
Promise是一种用于处理异步操作的特殊对象。它表示一个尚未完成但最终会完成的操作，并可以用于处理回调地狱和编写更清晰、更可读的异步代码。一个Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。一旦Promise的状态变为fulfilled或rejected，它就被认为是已解决（settled）。 创建Promise对象时，我们可以通过传递一个执行器函数来定义异步操作。执行器函数接受两个参数：resolve和reject。当异步操作成功时，我们可以调用resolve函数将Promise的状态设置为fulfilled，并传递解决值。当异步操作失败时，我们可以调用reject函数将Promise的状态设置为rejected，并传递错误信息。 下面是一个使用Promise的简单示例： ```javascript const myPromise = new Promise((resolve, reject) => { // 异步操作 setTimeout(() => { const randomNumber = Math.random(); if (randomNumber > 0.5) { resolve(randomNumber); } else { reject('Number is less than 0.5'); } }, 1000); }); // 使用then()方法处理Promise的解决结果 myPromise.then((result) => { console.log('Resolved:', result); }).catch((error) => { console.log('Rejected:', error); }); ``` 上面的代码创建了一个Promise对象，其中包含一个延迟1秒的异步操作。如果生成的随机数大于0.5，则调用resolve函数解决Promise，否则调用reject函数拒绝Promise。然后，我们使用then()方法处理Promise的解决结果，catch()方法处理Promise的拒绝结果。 在ES2017中，引入了async/await关键字，它们是使用Promise的语法糖，可以更简洁地处理异步操作。 async函数是一个返回Promise的函数，它使用async关键字声明。在async函数中，我们可以使用await关键字来等待一个Promise解决，并返回解决值。使用async/await可以将异步代码写成类似于同步代码的形式，使其更易读和理解。 下面是一个使用async/await的示例： ```javascript function delay(ms) { return new Promise((resolve) => setTimeout(resolve, ms)); } async function myAsyncFunction() { try { console.log('Start'); await delay(1000); console.log('After 1 second'); await delay(2000); console.log('After 2 seconds'); } catch (error) { console.log('Error:', error); } } myAsyncFunction(); ``` 上面的代码定义了一个async函数`myAsyncFunction()`，其中使用了await关键字等待两个延迟操作的Promise解决。通过使用try-catch块，我们可以捕获可能出现的错误。 当我们调用`myAsyncFunction()`时，它会被执行，并按顺序打印出"Start"、"After 1 second"和"After 2 seconds"。由于async函数返回一个Promise，我们也可以使用then()和catch()方法来处理解决和拒绝结果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值