一、背景
Javascript是单线程执行的。这导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现。
例如,
setTimeout(function(){
//todo
},1000); //其中的匿名函数就是一个回调函数
回调函数:(执行完)回(来)调(用)函数。
二、Promise对象
promise:承诺将来会执行。
1.一个promise例子:
function test(resolve, reject) {
var timeOut = Math.random() * 2; //获得一个0-2的随机数字
setTimeout(function () { //1秒后判断这个数字的大小
if (timeOut < 1) resolve('resolved'); //这个数字小于1调用resolve()
else reject('rejected'); //这个数字大于1调用reject()
}, 1000);
}
test()有两个参数,都为函数。resolve为未完成态转向完成态;reject为未完成态转向失败态。
可以用一个Promise对象来执行它,并在将来某个时刻获得成功或失败的结果。
var p1 = new Promise(test); //承诺将在未来某一时间执行test函数
var p2 = p1.then(function (result) { //执行成功
console.log('成功:' + result);
});
var p3 = p2.catch(function (reason) { //执行失败
console.log('失败:' + reason);
});
Promise对象可以串联起来,所以上述代码可以简化为:
new Promise(test).then(function (result) {
console.log('成功:' + result);
}).catch(function (reason) {
console.log('失败:' + reason);
});
2.状态转化示意图
3.串行执行若干异步任务:解决深层嵌套问题
例如,
function f1(){
function f2(){
funciton f3(){
//todo
}
}
}
写成promise的形式,
var job1=new Promise(f1);
var job2=new Promise(f2);
var job3=new Promise(f3);
job1.then(job2).then(job3).catch(error);
4.并行执行异步任务
(1)Promise.all()
var p1 = new Promise(function (resolve, reject) {
setTimeout(resolve, 500, 'P1');
});
var p2 = new Promise(function (resolve, reject) {
setTimeout(resolve, 600, 'P2');
});
// 同时执行p1和p2,并在它们都完成后执行then:
Promise.all([p1, p2]).then(function (results) {
console.log(results); // 获得一个Array: ['P1', 'P2']
});
(2)Promise.race()
var p1 = new Promise(function (resolve, reject) {
setTimeout(resolve, 500, 'P1');
});
var p2 = new Promise(function (resolve, reject) {
setTimeout(resolve, 600, 'P2');
});
Promise.race([p1, p2]).then(function (result) {
console.log(result); // 'P1'。
});
//由于p1执行较快,Promise的then()将获得结果'P1'。p2仍在继续执行,但执行结果将被丢弃。
——阅读 廖雪峰的官方网站-Promise
——阅读《深入浅出node.js》第四章