返回ZoneAwarePromise怎么取其中的值

本文探讨了在前端开发中遇到的ZoneAwarePromise返回值获取问题。当A函数依赖B函数的同步返回值时,由于B函数内部使用了异步操作导致返回值为ZoneAwarePromise。通过在A函数中使用.then()方法可以获取到Promise的值,但这会改变执行顺序。为了解决这个问题,作者提出了将B函数的返回值赋给全局变量X,然后在A函数中直接使用全局变量X的方法,从而实现同步获取值的需求。
摘要由CSDN通过智能技术生成

原文链接:https://www.longkui.site/program/frontend/%e8%bf%94%e5%9b%9ezoneawarepromise%e6%80%8e%e4%b9%88%e5%8f%96%e5%85%b6%e4%b8%ad%e7%9a%84%e5%80%bc/4453/
0.背景
前端代码A函数需要B函数的一个返回值,B函数中使用了同步操作

async:false,
然后B函数return后,在A函数中调用并输出B函数的返回值。结果打印出来的结果是下面这样。

ZoneAwarePromise {__zone_symbol__state: true, __zone_symbol__value: ‘1’}
__zone_symbol__state: true
__zone_symbol__value: “1”
[[Prototype]]: Object
想要取ZoneAwarePromise中的值,返回的结果是Promise类型。

1.方法
这个类型需要箭头函数来取值。那么在A函数中加入下面这段代码,就可以取出B函数中的返回值了。

B().then(value=>{
console.log(“value=”,value)
})
3.问题
上方的操作虽然可以取出ZoneAwarePromise的值,但是没有完成我的需求(实际还是变成了异步),比如。

var A = function() {
B().then(value=>{
console.log(“value=”,value)
})
console.log(“abc”)
}
上述代码先输出abc再输出value的值。

最终的解决办法。

在B函数中返回值后,赋值给全局变量X,然后再A函数中调用B函数,再输出全局变量X,这个时候便正常使用了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值