Promise的链式调用

已于 2024-04-25 10:07:52 修改
阅读量299 收藏 1
点赞数 1
分类专栏： Promse 文章标签： 前端 javascript 开发语言
于 2024-04-25 09:48:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39357822/article/details/138176949
版权
本文详细介绍了Promise在JavaScript中的基础概念，包括链式调用、静态方法async/await以及catch方法的使用。通过实例展示如何处理任务成功和失败的不同情况，提升异步代码的表达力。
摘要由CSDN通过智能技术生成

目录

Promise基础
Promise的链式调用
Promise的静态方法
async.await

catch方法

.catch(onRejected) = .then(null, onRejected)

链式调用

在这里插入图片描述

  1. then方法必定会返回一个新的Promise

    可理解为后续处理也是一个任务

  2. 新任务的状态取决于后续处理：

    • 若没有相关的后续处理，新任务的状态和前任务一致，数据为前任务的数据。
    • 若有后续处理但还未执行，新任务挂起。
    • 若后续处理执行了，则根据后续处理的情况确定新任务的状态。
      • 后续处理执行无错，新任务的状态为完成，数据为后续处理的返回值。
      • 后续处理执行有错，新任务的状态为失败，数据为异常对象。
      • 后续执行后返回的是一个任务对象，新任务的状态和数据与该任务对象一致。

由于链式任务的存在，异步代码拥有了更强的表达力。

// 常见任务处理代码

/*
 * 任务成功后，执行处理1，失败则执行处理2
 */
pro.then(处理1).catch(处理2)

/*
 * 任务成功后，依次执行处理1、处理2
 */
pro.then(处理1).then(处理2)

/*
 * 任务成功后，依次执行处理1、处理2，若任务失败或前面的处理有错，执行处理3
 */
pro.then(处理1).then(处理2).catch(处理3)
@皮皮榴
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
promise用法_Promise 的链式调用分析
weixin_40001519的博客
12-06 427
作者 | Brilliant Open Web团队编辑 |Brilliant Open Web团队前面在完结了响应式布局系列介绍之后，接下来我们把目光放到现代前端开发当中的一个重要课题：异步编程。在早期 AJAX 项目实践过程中，我们逐渐发现基于异步回调的机制无法很好地管理多个异步状态，一不留神就坠入回调地狱当中。因此 ES6 引入的 Promise 对象，它所带来的链式调用写法线性地...
promise链式调用_聊一聊：一道 Promise 链式调用的题目
weixin_39583521的博客
12-06 199
问题这是最近几天在掘金沸点看到的一道题目：newPromise((resolve,reject)=>{console.log('外部promise')resolve()}).then(()=>{console.log('外部第一个then')newPromise((resolve,reject)=>{...
Promise对象的链式调用（解决异步回调嵌套）
03-29
Promise对象是解决异步回调嵌套的一种方案，现在封装Promise的库很多、像q,bluebrid等等。Promise对象下调用.then方法就可以把异步排个顺序，那么只要返回Promise对象、.then就可以继续下去 首先我们定义三个异步方法 var test ={         func1:function(){                 var data = new Promise(function(resolve){                         setTimeout(function(){                                
Promise链式调用
ywCSD的博客
09-08 4053
promise详解 promise对象是一个构造函数，用于生成Promise实例。对象状态不受外界影响，只有异步操作的结果才能决定当前是哪一种状态。三种状态：pending(进行中)、fulfilled(已成功)、rejected(已失败)。实例生成以后，用then方法分别指定resolved状态和rejected状态的回调函数 Promise的链式调用 先看一段代码： 你可能想到的结果是12345，可是打印结果是：1,2,3,5,4Why? 结论 0.回调是异步的 ...
Promise 的链式调用
最新发布
weixin_44161385的博客
06-27 1004
Promise 的链式调用详解
promise 链式调用
一个小菜鸡的学习记录
02-24 437
promise 深入理解
JavaScript异步编程——08-Promise的链式调用【万字长文，感谢支持】
——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
05-11 1232
史诗级JavaScript异步编程学习，快来订阅专栏吧！
promise的链式调用
Paranoid_truggle的博客
08-10 211
<script> // 请求1； let isResult1 =false let isResult2 = false $ajax({ url:'', success:function (){ console.log('结果1'); isResult1=true handleResult() } }) // 请求2： $ajax({ url:'', success:function(){
使用Promise链式调用解决多个异步回调的问题
08-31
Promise链式调用是Promise的核心特性之一，它可以让我们组织代码结构更加清晰，易于理解和维护。 Promise是一个对象，代表一个可能还没有完成，但将来可能会完成的异步操作的结果。这个结果可能是成功的值，也可能...
es6中promise 链式调用理解总结
qq_45429539的博客
03-27 1170
理解es6中promise链式调用 promise状态，value不谈了，主要研究链式调用（then） constructor 立即执行，参数resolve，reject决定promise对象状态和value //原生promise示例 let p = new Promise((resolve，reject) => { resolve(1) }) then 总体特性： 返回一个promise对象,所以可以链式调用 如果 return new Promise() 返回一个promise对象，
详解ES6 Promise对象then方法链式调用
10-17
ES6的Promise对象有一个非常重要的方法：then()，这个方法是Promise对象处理异步操作的基础，并且支持链式调用。 Promise对象的then方法可以接收两个参数，这两个参数分别对应于Promise状态的解决（fulfillment）和...
彻底掌握 Promise-原生Promise的实现(二) Promise的链式调用
记得抬头微笑
03-23 5961
在 彻底掌握 Promise- 原生 Promise 的实现(一)已经初步实现了 promise 的简易版本，这距离实现完整版本的 Promise 还有一段距离，下面我们将在简易版本的基础上增加 Promise 的链式调用 异步情况下 Promise 的链式调用 处理函数执行的异常情况 以下代码都是对简易版本 Promise 去实现的，所以这里只显示变更的地方，完整版本在文末贴出 Promise 的链式调用 下面我们依然还是通过逆解析的方式去通过 Promise 的链式调用的用法.....
AJAX——Promise-链式调用
weixin_48719464的博客
04-23 989
概念：依靠then()方法会返回一个新生成的Promise对象特性，继续串联下一环任务，知道结束细节：then()回调函数中的返回值，会影响新生成的Promise对象最终状态和结果好处：通过链式调用，解决回调函数嵌套问题。
JavaScript：Promise的链式调用
Hr_ving的博客
06-10 3697
Promise的链式调用
4.Promise链式调用的实现
wenyeqv的博客
10-04 1077
Promise可以实现链式调用，既then之后可以接着使用then方法 let p = new Promise((resolve, reject) => { resolve('a') }) p.then((value) => { return value }, (reason) => { return reason }).then((value) => { console.log(value) //a }) 分析 then的方法执行后返回一个.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值