什么是promise
1.Promise是ES6新增异步解决方案
2.Promise(承诺) 表示未来的某个时间一定会返回一个结果
3.Promise 是一个容器,里面包裹了一些异步操作,它表示一个预计会在未来完成的异步操作
4.promise有三个状态[PromiseState]:pending(进行中) fulfilled(已成功) rejected(已失败)
5.Promise状态变化pending =>fulfilled 或者 pending=>rejected 不可逆的,而且一旦执行成功状态就会凝固 不会在发生其他变化了
promise实例
{//一旦promise创建成功就会立即执行(new Promise(同步的))
console.log(1)
let p1 = new Promise((resolve, reject)=>{
resolve("1")//成功后的回调
reject("2")//失败后的回调
console.log(2)
})
console.log(p1);
p1.then((resolve)=>{//异步操作
// resolve 成功后的结果
console.log(3)
console.log("resolve 成功后的结果",resolve);
},(reject)=>{
// reject 失败后的结果
console.log("reject 失败后的结果",reject);
}))
console.log(4)
//1243
}
promise的API
Promise的API就是应用程序接口
Promise.all 全部
Promise.all方法 参数是多个promise对象组成的数组, 返回值是一个新的promise对象
如果参数中的promise对象都成功就正常返回,并且promiseAll方法中的每一个promise都是并行状态,当全部完成之后就会自动的调用promise.all().then()方法.
如果参数中的promise对象有任意一个没有正常返回,那么整个pAll都会认为是失败的,并且把失败的这个promise对象的返回值直接输出 其他的就不会在继续执行了
{
let p1 = new Promise((resolve, reject) => {
resolve(1)
});
p1.then((res) => {
console.log(res);
})
let p2 = Promise.resolve(1)
p2.then((res) => {
console.log(res);
})
}
{
let p1 = new Promise((resolve, reject) => {
reject(1)
});
p1.then((res) => {
console.log(res);
}).catch(err => {
console.log("p1 catch", err);
})
let p2 = Promise.reject(1)
p2.then((res) => {
console.log(res);
}).catch(err => {
console.log("p2 catch", err);
})
}
Promise.all 全部
Promise.all 如果都成功就
正常返回, 有一个失败,那么都会认为是失败的
Promise.all里面的promise实例 都是并行的, 需要等到所有的promise实例都执行完后才会有结果
promise实例都执行完之后 pAll状态变为已成功, 返回结果是参数的顺序
当有任意一个失败 pAll会直接返回rejected, pAll的状态都是失败的
let p1 = new Promise((resolve, reject) => {
setTimeout(() => {//模拟异步
resolve("p1")
}, 1000)
});
let p2 = new Promise((resolve, reject) => {
setTimeout(() => {//模拟异步
resolve("p2")
}, 5000)
});
let p3 = new Promise((resolve, reject) => {
setTimeout(() => {//模拟异步
reject("p3")
}, 2000)
});
let pAll = Promise.all([p1, p2, p3]);
pAll.then(
resolve => {
console.log("成功后的回调",resolve);//"成功后的回调",["p1", "p2", "p3"]
},
reject => {
console.log("失败后的回调",reject);
})
}
Promise.race
Promise.race方法返回的也是一个promise对象, race方法谁先有结果就返回谁,无论成功还是失败(成功的就走resolve,失败就会在reject中返回)
let p1 = new Promise((resolve, reject) => {
setTimeout(() => {//模拟异步
reject("p1")
}, 1000)
});
let p2 = new Promise((resolve, reject) => {
setTimeout(() => {//模拟异步
resolve("p2")
}, 5000)
});
let p3 = new Promise((resolve, reject) => {
setTimeout(() => {//模拟异步
resolve("p3")
}, 2000)
});
let pRace = Promise.race([p1, p2, p3]);
pRace.then(
resolve => {
console.log("成功后的回调",resolve);//成功后的回调 p1
},
reject => {
console.log("失败后的回调",reject);//失败后的回调 p1
})