JavaScript Promise 对象使用讲解

一、JavaScript Promise 对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。

特点

对象的状态不受外界影响（3种状态）
- Pending状态（进行中）
- Fulfilled状态（已成功）
- Rejected状态（已失败）
一旦状态改变就不会再变（两种状态改变：成功或失败）
- Pending -> Fulfilled
- Pending -> Rejected

Promise 的API

　　1、Promise.resolve() 将现有对象转为Promise对象resolvedl
　　2、Promise.reject() 也是返回一个Promise对象,状态为rejected
　　3、Promise.prototype.then() 成功的resolved的回调对应 resolve()
　　4、Promise.prototype.catch() 发生错误的回调函数，对应 reject()

　　　Promise.prototype.finally() 无论错误，还是成功，都执行，没有参数的回调

　　5、Promise.all() // 所有的都有完成，相当于且
　　6、Promise.race() // 完成一个即可，相当于或

Promise优缺点

优点	缺点
解决回调	无法监测进行状态
链式调用	新建立即执行且无法取消
减少嵌套	内部错误无法抛出

二、Promise 使用案例

//resolve---成功的回调
//reject----失败的回调
var promise = new Promise(function (resolve, reject) {
    // setTimeout(() => {
    //     resolve('操作成功');
    // }, 1000);

    setTimeout(() => {
        reject('操作失败');
    }, 1000);
});


promise.then(res => {
    console.info(res);
    console.info('then');
}).catch(res => {
    console.info(res);
    console.info('catch');
}).finally(res=>{
    //没有参数，只有空回调
    console.info(res);
    console.info('finally');
});

串联写法：

new Promise((resolve, reject) => {
    console.log('Initial');

    resolve();
})
.then(() => {
    throw new Error('Something failed');

    console.log('Do this');
})
.catch(() => {
    console.log('Do that');
})
.then(() => {
    console.log('Do this whatever happened before');
});