ES6开始支持。
Promise对象用于一个异步操作的最终完成(包括成功和失败)及结果值的表示。
简单说,就是处理异步请求的。
之所以叫做Promise,就是我承诺,如果成功则怎么处理,失败则怎么处理。
// 语法
new Promise(
/* 下面定义的函数是executor */
function(resolve, reject) {...}
);
executor
Promise的状态
Promise.then(onFulfilled, onRejected)
catch(onRejected)
Promise的2个方法
var myPromise = new Promise(
function (resolve, reject) {
// resolve('hello');
console.log('------------');
reject('bye')
}
);
console.log(myPromise);
var p1 = myPromise.then(
/*如果成功执行value*/
value => console.log(1, myPromise, value),
/*如果失败执行reason*/
reason => console.log(2, myPromise, reason)
);
//可以继续捕捉
var p2 = p1.then(
value => console.log(3, p1, value),
reason => console.log(4, p1, reason)
);
//链式捕捉
p2.then(
value => {
console.log(5, p2, value);
return Promise.reject('p2 reject') // 返回失败状态
},
reason => console.log(6, p2, reason)
).catch(
reason => {
console.log(7, reason);
return Promise.resolve(reason + "*"); // 返回成功状态
}
).then(
value => console.log(8, value),
reason => console.log(9, reason)
)
/*运行结果:
------------
Promise { 'bye' }
2 Promise { 'bye' } 'bye'
3 Promise { undefined } undefined
5 Promise { undefined } undefined
7 'p2 reject'
8 'p2 reject*'
*/
then方法的返回值是Promise对象, 如果没有设定return值, 则返回undefined, 默认fulfilled状态
function runAsync() {
return new Promise(function(resolve, reject){
// 异步操作
setTimeout(function(){
console.log('do sth...');
resolve('ok...'); // 换成reject()
}, 3000)
});
}
// 调用
runAsync().then(
value => {
console.log(value);
return Promise.reject(value +'*');
}
).catch(
reason => {
console.log(reason);
return Promise.resolve(reason + '*');
}
).then(
value => {
console.log(value);
console.log('Pronmise END')
}
)
console.log('===== FIN =====')
/*运行结果:
===== FIN =====
do sth...
ok...
ok...*
ok...**
Pronmise END
*/
如果第六行换成reject()
方法返回失败状态, 由于第一个then
方法没有设置第二个参数onRejected
, 则会穿透这个方法去执行catch
方法