原文链接: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,这个时候便正常使用了。