- 简介
- promise基本用法
- promise链式调用
- promise.all() 和promise.race()
1 简介
Promise对象是异步编程的一种解决方案。
所谓Promise,简单来说就是一种容器,里面包含着未来可能结束的一个事件的结果。
Promise包含三种状态,pending,fulfilled,rejected。
表现为从pending到fulfilled,或者从pending到rejected。
2 promise基本用法
下面是一个Promise实例的生成
// es6 写法,以后默认使用es6语法
const promiseEs = new Promise((resolve, reject) => {
if (/*操作*/) {
resolve(value);
} else {
reject(error);
}
})
操作部位一般是一个异步方法,resolve和reject是es6官方给的方法可以获取到操作部位的返回结果
promise的使用
promise.then((value) => {
console.log("success" + value);
}, (error) => {
console.log("error" +error);
})
then方法接受两个回调函数作为参数,第一个方法在Promise对象状态从pending变为fulfilled时调用,第二个方法在状态从pending变为rejected时候调用。
另外 上面的使用方法可以写成类似于try/catch的形式,将rejected时的处理剥离出来放到catch里面处理。
promise的使用2
promise.then((value) => {
console.log("success" + value);
}).catch((error) => {
console.log("error" +error);
})
3. promise链式操作
4. promise.all和promise.race
Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。
promise.all接受一个数组参数,当所有得promise返回状态为fullfilled时候进行then
// 生成一个Promise对象的数组
const promises = [2, 3, 5, 7, 11, 13].map(function (id) {
return getJSON('/post/' + id + ".json");
});
Promise.all(promises).then(function (posts) {
// ...
}).catch(function(reason){
// ...
});
Promise.race接受一个数组参数,当有任意一个promise状态改变(变为fullfilled, rejected)时候进行then
const p = Promise.race([
fetch('/resource-that-may-take-a-while'),
new Promise(function (resolve, reject) {
setTimeout(() => reject(new Error('request timeout')), 5000)
})
]);
p
.then(console.log)
.catch(console.error);