获取异步请求返回promise中的数据

为什么

我们都知道,在项目中,由于JS 的单线程机制(可了解微任务、宏任务)异步请求的数据是无法立即使用的,ES6提供的promise机制可以很好的解决这个问题。那么如何使用promise来获取异步请求返回的数据呢,以下。

1. 单个promise对象——.then获取

function f(){
	return new Promise((resolve, reject) => {
   	 	//调用resolve函数返回数据data
		resolve(data);
	});
}
p = foo();
p.then((result) => { 
   console.log(result); //获取到data
})

2. 多个promise对象——Promise.all获取

//第一个异步请求的promise
function f1(){
	return new Promise((resolve, reject) => {
   	 	//调用resolve函数返回数据data
		resolve(data);
	});
}
//第二个异步请求的promise
function f2(){
	return new Promise((resolve, reject) => {
   	 	//调用resolve函数返回数据data
		resolve(data);
	});
}
-----------------------------------------------------------------------------------
//使用Promise.all()函数获取数据
testPromiseAll(){
    let p1 = this.f1(),
        p2 = this.f2();
    Promise.all([p1,p2]).then( (dataArray) => {
        console.log(dataArray);
    })
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值