Promise

一、背景

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》第四章

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值