为什么
我们都知道,在项目中,由于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);
})
}