promise,return解析

希望在promise中return结果

测试1

function fun() {
    return new Promise((resolve, reject) => {
    	resolve('模拟axios')
    })
}
function test() {
  	return fun().then(res => {
       console.log('1,',res)
       return 1
     }).then(res => {
        console.log('2,',res)
        return 2
     }).then(res => {        
     	console.log('3,',res)
     	return 3
     }).catch(err=>{
        console.log('#err',err)
	})
}

运行一下test方法,每一步 return 一个值,显而易见,收到的参数都是上一步的结果
test运行结果
获得方法运行的结果

let result = test()

result
最终抛出结果,要在result之后再做一步

result.then(r=>{console.log("r",r)})

得到抛出结果
在这里插入图片描述

测试2

function p1() {
    return new Promise((resolve, reject) => {
        resolve('p1')
    })
}

function p2() {
    return new Promise((resolve, reject) => {
        resolve('p2')
    })
}
function run() {
    return p1().then(d => {
         console.log('1,',d)
         return 1
    }).then(d => {
         console.log('2,',d)
         return p2().then(d => {
             console.log('#t,',d)
             throw(9)
         })
    }).then(d => {
          console.log('3,',d)
    }).catch(err=>{
         console.log('#err',err)
    })
}

run运行结果
run运行结果
运行到catch抛出异常

let r = run()

没有return了,r的promiseResult为undefined
r没有下面的then了
测试3
把测试2 中的异常抛出关掉

function p1() {
    return new Promise((resolve, reject) => {
        resolve('p1')
    })
}

function p2() {
    return new Promise((resolve, reject) => {
        resolve('p2')
    })
}
function run() {
    return p1().then(d => {
         console.log('1,',d)
         return 1
    }).then(d => {
         console.log('2,',d)
         return p2().then(d => {
             console.log('#t,',d)
             return d
         })
    }).then(d => {
          console.log('3,',d)
          return '最后一步中必须有return'
    }).catch(err=>{
         console.log('#err',err)
    })
}

运行结果
在这里插入图片描述

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Promise是一种用于处理异步操作的对象。它可以将异步操作封装成一个可控的对象,使得在异步操作完成后能够根据操作结果执行相应的操作。 在使用Promise时,可以通过实例化Promise对象来创建一个Promise实例。Promise实例接收一个参数函数,该函数包含异步操作的代码。在异步操作成功时,可以调用resolve方法来返回操作结果;在异步操作失败时,可以调用reject方法来返回错误信息。 Promise提供了两种写法来处理异步操作的结果。一种是使用then和catch方法来分别处理操作成功和失败的情况。另一种是使用传统的回调函数的方式,将操作成功和失败的回调函数作为参数传递给then方法。 需要注意的是,在调用resolve或reject之后,Promise的使命就完成了,最好在它们前面加上return,以避免产生意外。另外,resolve或reject的调用并不会终结Promise的参数函数的执行。 除了处理单个异步操作外,Promise还可以用于容错。比如,可以使用Promise.race()方法来同时处理多个异步任务,并获得先返回的结果。 综上所述,Promise是一种用于处理异步操作的对象,可以通过实例化Promise对象来创建一个Promise实例,并使用then和catch方法或传统的回调函数的方式来处理异步操作的结果。另外,Promise还提供了Promise.race()方法用于同时处理多个异步任务并获得先返回的结果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Promise对象解析及其用法](https://blog.csdn.net/SummerJX/article/details/81948818)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值