promise初识和async，await的关系

最新推荐文章于 2024-08-29 02:28:54 发布
最新推荐文章于 2024-08-29 02:28:54 发布
阅读量385 收藏 1
点赞数
文章标签： 前端 javascript react 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61721830/article/details/128862725
版权

promise的作用与基本原理

作用：promise用来处理回调地狱的问题，

基本原理：Promise构造函数用来创建promise实例，Promise构造函数可以接受一个函数作为参数，这个函数又可以接送两个参数，分别为reslove和reject，reslove和reject又是两个函数，是又javascript引擎提供，不需要自己部署，reslove函数是将Promise对象的状态从未完成改变为成功，在异步操作完成后将操作结果通过参数的方式传递出去，reject函数则相反，是将状态改变为失败，并且将失败的报错通过参数传递出去，状态一旦确定不能改变，成功的返回可以通过then方法的第一个参数来获取，失败的返回通过catch方法获取

async，await的作用和promise的关系

async和await是基于promise的，是进一步的一种优化，将async关键字放到函数前面，会使普通函数变成异步函数，异步的async函数返回的是一个promise对象，配合await使用可以阻塞代码往下执行，await只会阻塞当前async方法内的代码，不影响外部代码的执行，是异步方法，使用场景，当我们第二步的操作需要依赖第一步操作返回的数据时可以使用async和await来处理异步操作
 

个人理解，如有出入，还往指正

前端小趴菜一枚！
关注
一节课彻底弄懂promise、async、await
weixin_42140041的博客
11-18 274
刚接触js的时候，对于es6的promise、async、await简直怕的要死，甚至有段时间非常害怕promise这个词，随着后面慢慢的接触，觉得这个东西并非那么难理解，主要还是需要弄懂js的一些基础知识。那么接下来，跟上我的思路，一起彻底弄懂promise、async、await。 关于这个系列一共三个比较重要的知识点： 1、关于什么同步、异步，其中涉及了一些堆栈和消息队列、事件轮询的知识； 2、关于异步编程的几个解决方案，主要是回调函数和promise； 3、关于异步编程的终极解决方案Genera
Promise的用法，async/await异步处理同步化（一）
jieweiwujie的博客
06-04 150
Promise的用法，async/await异步处理同步化（一）
async-await和Promise的关系
zpfnext的博客
09-30 481
执行async函数，返回的是Promise对象 await相当于Promise的then try...catch可捕获异常，相当于Promise的catch async function fn1() { return 100//相当于return Promise.resolve(100) } const res1 = fn1 //执行async函数，返回一个Promise对象 //console.log('res1',res1)//Promise对象 res1.then(data => {
async / await 和 Promise 的关系
小魔仙的成长之路
01-25 2067
背景： 1.异步回调地狱 callback hell; 2.Promise 是基于 then catch 的链式调用，但也是基于回调函数； 3. async / await 是同步语法去编写异步代码，彻底消灭回调函数，但它也只是一个语法糖，从语法层面去解决 回调地狱； 关系： async / await 和 Promise 并不互斥，二者相辅相成。 async / await 并不能改变异步的本质（ js是单线程的，异步需要回调，都是要基于 event loop 来实现）。 await 后面的
async/await 和 Promise 有什么关系？
最新发布
weixin_40216857的博客
08-29 24
PromisePromise 对象是一个代理对象（代理一个值），被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法（handlers）。 这让异步方法可以像同步方法那样返回值，但并不是立即返回最终执行结果，而是一个能代表未来出现的结果的promise对象async/awa...
async和await和Promise之间的关系
Kungirl的博客
08-19 617
1、async是？ 定义异步函数（内部通常有异步操作），返回Promise对象 （函数返回Promise→显式返回return的Promise； 函数返回非Promise→隐式返回Promise.resolve()包装的return值；） 2、await在等啥？ 只能放在async函数中，等待右侧表达式结果 （函数→结果=return值； 字符串→结果=字符串；） 3、await等到了又要干哈？ wait 等到了它要等的东西，一个 Promise 对象，或者其它值， ...
关于Promise和async/await的关系
luo1990xing的专栏
01-09 737
1.什么是promise? promise是es6里面用于处理异步方法的对象， promise会有三种状态： pedding进行中 fulfilled 成功 rejected 失败 成功会在then中返回，失败在catch中捕获 缺点： promise的返回必须在then链中获取，用起来不方便 2.async/await async是声明一个异步的方法，当调用一个 as...
async、await和Promise的关系
qq_64436918的博客
06-10 727
是一个很重要的，他的作用是用同步的方式，执行异步操作。声明function是一个异步函数，返回一个对象，可以使用 then 方法添加回调函数。函数内部语句返回的值，会成为方法回调函数的参数。 await await 操作符只能在异步函数 async function 内部使用。如果一个 Promise 被传递给一个 await 操作符，await 将等待 Promise 正常处理完成并返回其处理结果，也就是说它会阻塞后面的代码，等待 Promise 对象结果。如果等待的不是 Promise 对象，则返
ECMAScript7async-await异步解决方案.docx
10-26
01 初识async/await 在JavaScript中，`async`关键字用于定义一个异步函数，这个函数会返回一个Promise。`await`关键字则用于等待Promise的解决，即等待异步操作完成。在上面的示例中，`JianShuRequest`是一个async...
初识Promise：JavaScript 中的异步编程利器
针对这些问题，JavaScript中引入了Promise、Async/Await等异步编程利器来简化异步操作的管理和处理。 ## 1.3 Promise 的概述 Promise是JavaScript中一种异步编程的解决方案，它是一种用于表示异步操作的对象，并且...
Promise 介绍
weixin_45022563的博客
04-01 564
promise 基础介绍
理解promise、async 和await之间的执行关系
weixin_33701564的博客
05-09 490
先看下面的例子 console.log('script start'); async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2(){ console.log('async2 end...
Promise和async以及await的联系
TXW6666的博客
03-26 410
想要了解Promise和async以及await的联系，首先我们要了解Promise和async ，await是做什么用的，以及为什么有Promise和async await? Promise和async以及await的联系PromisePromise是什么 ？为什么有Promise？Promise有什么用?async以及awaitPromise和async以及await的联系 Promise ...
Promise 与 async 和 await 的关系
qq_53353413的博客
07-31 247
Promise、async/await 是 JavaScript 中多用来处理异步操作的方法，它们之间存在关系和互相补充的特性。Promise 是一种用于处理异步操作的对象，它可以表示一个异步操作的最终完成或失败，并可以在操作完成后获取结果或处理错误。通过 Promise，我们可以使用链式调用来处理多个异步操作，使代码更具可读性。async/await 是基于 Promise 的一种语法糖，它提供了一种更直观和同步化的方式来编写异步代码。
async/await和promise有啥子关联？
alive_new的博客
05-16 147
在上面的代码示例中，如果 fetch() 函数返回的状态码不是 200，那么 Promise 将被拒绝，并抛出一个错误。在上面的代码示例中，如果 fetch() 函数返回的 Promise 被拒绝，而没有添加 .catch() 方法来处理错误，那么错误就会被忽略，从而导致应用程序出现问题。在上面的代码示例中，fetchData() 函数返回了一个对象，但是没有返回一个 Promise 对象，所以无法使用 .then() 方法来处理结果。的方法，它们各有不足之处，需要根据具体的情况来选择使用哪种方法。
async、await 与 Promise的关系
weixin_41697323的博客
02-18 552
Async 函数 Await 函数 Promise对象
async、await和promise的关系
Zackin的博客
11-01 167
async、await其实是promise的语法糖，解决了promise链式调用的问题
Promise 和async/await 的一些细节联系
weixin_46523071的博客
08-21 255
Promise 和async/await
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值