Promise，await的使用

最新推荐文章于 2024-03-27 16:22:07 发布
最新推荐文章于 2024-03-27 16:22:07 发布
阅读量1.1k 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DWC__/article/details/124469220
版权

上面是控制台输出的信息，前者是输出的Promise，后者是Promise.then。

Promise有promiseresult等待返回，promise.then的result应该是已经输出了，所以打印出来是undefined。

  

上方delArr是请求参数的数组，遍历数组发起请求。希望在循环发起的请求结束之后执行后续操作，保证执行的顺序，可以使用await。下面是这种操作的打印顺序，先输出两个‘嘻嘻哈哈’下面的对象是请求拦截器中的config，感觉执行顺序是，请求挂起，执行.then，触发请求拦截器发起请求

在这里也写下对promise用法的理解： 外面套一层promise外壳，里面放需要执行的函数，根据执行的情况放resolve和reject的位置，把resolve和reject理解成出口，promise里的函数执行成功，对应的内容从resolve传递出去，失败则从reject传递出去，函数执行的成功还是失败是你自己定义的。后续的then对接resolve出口，拿到resolve出来的内容作为参数，catch则拿到reject传递出来的内容作为参数

DWC__
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise Async+await实现原理及案例分析
04-03
Promise Async+await实现原理及案例分析
Async/Await替代Promise的6个理由
10-16
主要介绍了Async/Await替代Promise的6个理由，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下
vue 数据没有渲染问题
weixin_49562833的博客
08-10 564
vue 接口有数据但是为什么没有渲染 接口有数据但是为什么 控制台提示undefined 微观 宏观
Promise详解及Async/Await
最新发布
weixin_44446127的博客
03-27 1826
await后面跟一个Promise对象，它会“等待”这个Promise对象变为fulfilled状态，并返回其结果。更灵活的异步操作组合：Promise支持多个异步操作的组合，比如通过Promise.all()等待所有异步操作完成，或者通过Promise.race()只等待第一个完成的异步操作。更好的错误处理：Promise提供了.catch()方法，用于捕获异步操作过程中发生的错误。Promise是es6中引入的一个新的对象，用于表示一个异步操作的最终完成（或失败）及其结果值。
Promise及async和await（含相关面试题及Promise封装实战）
Code6E的博客
05-16 212
参考尚硅谷Promise教程写的笔记，视频链接https://www.bilibili.com/video/BV1GA411x7z1。
vue中有的变量显示 undefined(异步请求相关)
weixin_64309182的博客
05-29 1510
在JavaScript开发中，经常会遇到类似的语法错误类型的问题。解决这类问题的关键是要仔细阅读错误信息，并找到错误的原因。同时，可以使用调试工具来帮助定位错误，例如在Chrome浏览器中使用开发者工具进行调试。最后，需要根据错误的原因采取相应的解决方法，以修复错误。
Promise - async await的基本用法以及使用陷阱，高效使用技巧
伏城之外的博客
12-07 3794
基本用法 async关键字用于修饰一个函数，被修饰的函数会变为异步函数 这里的异步函数，并不是指async函数执行是异步的，而是指async函数会返回一个promise对象 async函数返回的promise对象的状态和结果取决于async函数的return值或抛出的异常 若return值为非promise对象，则async函数返回一个成功态的promise对象，其结果为return值 若return值为promise对象，则async函数返回一个新的promise对象，其状态和..
Promise和await结合使用
qq_42931285的博客
11-27 3956
async function async1(){ return new Promise(resolve=>{ resolve(2); }) } async function async2(){ let c = await async1(); let d = new Promise((resolve,reject)=>{ resolve(c); }) console.log("d为多少"); console.log(d); } async2(); 结果如下：
promise 与 await
qq_36760651的博客
04-21 421
async function async1() { console.log("async1 start"); await async2(); const newPromise6 = new Promise(function(resolve, reject) { resolve(console.log('promise11111')); }).then(() => {cons...
Promise 和 await
u012508127的专栏
06-11 139
Promise Promise 主要接受两个参数(参数都是函数,处理成功和失败的回调) Promise 和 await 结合
promise —— async & await
weixin_45076393的博客
01-17 132
promise —— async & awaitPromisePromise实例一async & awaitasync：await： Promise Promise是ES6新出的一个用来处理异步操作的对象。能够让我们更优雅的进行异步调用。 大致结构如下： var promise = new Promise(function(resolve, reject){ // ... 一些异步操作，并且这些异步操作在实例化的时候就执行了，要注意！⚠️通常选择把newPromise对象给包在函数
async/await与promise（nodejs中的异步操作问题）
10-20
主要介绍了async/await与promise（nodejs中的异步操作问题）,非常不错，具有参考借鉴价值，需要的朋友可以参考下
详解koa2学习中使用 async 、await、promise解决异步的问题
10-17
主要介绍了详解koa2学习中使用 async 、await、promise解决异步的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
await-spawn:包裹在Promise中的child_process.spawn（）
04-29
安装$ npm i await-spawn -S用法const spawn = require ( 'await-spawn' )const main = async ( ) => { try { const bl = await spawn ( 'ls' , [ '-al' ] ) console . log ( bl . toString ( ) ) } catch ( e ) { ...
Promise、Async/Await 详解
m0_61663332的博客
08-03 2356
Promise、Async/Await 详解，Promise的参数resolve和reject、回调函数.then 和.catch和方法 .all() 和 .race()的使用。以及语法糖async/await的使用方法。
Promise和async/await
WY66987的博客
09-06 1094
promise和async\await的区别
await搭配promise使用
huangmin113659的专栏
06-21 2844
<template> <div> <span>{{ x }}</span> <br> <span>{{ y }}</span> <br> <h1>-----------</h1> <button @click="foo">clic...
promise async和await的方法与使用
qq_43733682的博客
06-27 674
promise 与async、await的使用
Promise异步async&await
qq_53318060的博客
05-20 598
在代码的执行过程中，碰见异步代码，先单独放置另一队列，原有队列继续执行（不被阻塞） Promise Promise 对象有三个状态：pending、fulfilled 和 rejected。 resolve使Promise状态变为fulfilled，reject使Promise状态变为 rejected then方法和catch方法都是异步代码 当Promise对象中是resolve时，外面可以没有then去处理。 当Promise对象中是reject时，外面要么then要写第二个函数参数去处理，要么使用.
promise async await使用
03-16
Promise、async和await是JavaScript中处理异步编程的重要工具。 Promise是一种异步编程的解决方案，它可以将异步操作转换为同步操作，使得代码更加简洁易懂。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。 async函数是ES2017中引入的一种异步编程方式，它可以让我们更加方便地处理异步操作。async函数返回一个Promise对象，可以使用await关键字等待Promise对象的状态变化。 await关键字只能在async函数中使用，它可以暂停async函数的执行，等待Promise对象的状态变化。当Promise对象的状态变为fulfilled时，await会返回Promise对象的值；当Promise对象的状态变为rejected时，await会抛出异常。 综上所述，Promise、async和await是JavaScript中处理异步编程的重要工具，它们可以让我们更加方便地处理异步操作，使得代码更加简洁易懂。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值