Promise

Promise
概念
ES6开始支持
Promise对象用于一个一个异步操作的最终完成(包括完成和失败)及结果值的表示.
简单说,就是处理异步请求的.
之所以叫做peomise,就是我承诺,如果成功则怎么处理,失败则怎么处理.

//语法  
new Promise(
    function(resolve,reject){...}
);

executor

• executor是一个带有resolve和reject两个参数的函数.
• executor函数在Promise构造函数执行时立即执行,被传递resolve和reject函数(executor函数在Promise构造函数返回新建对象前被调用).
• executor内部通常会执行一些异步操作,一旦完成,可以调用resolve函数来将promise状态改成fulfilled即完成,或者在发生错误时将它的状态改为rejected级失败.
• 如果在executor函数中抛出一个错误,那么该promise状态为rejected.executor函数的返回值被忽略
• executor中,resolve或reject只能执行其中一个函数

Promise的状态

• pending:初始状态,不是成功或失败状态
• fulfilled:成功的完成了操作
• rejected:失败,没有完成操作
• setting:Promise处于fulfilled或rejected二者中的任意一个状态,不会是pending

Promise.then(onFulfilled,onRejected)
参数是2个函数,根据Promise的状态来调用不同的函数,fulfilled走onFulfilled函数,rejected走onRejected函数.
then的返回值是一个新的promise对象,执行任意一个函数,对这个promise对象来说就是其返回值.
调用任意一个函数后,其返回值可以被后续的then方法继续捕捉

catch(onRejected)
为当前Promise对象添加一个拒绝回调,返回一个新的Peomise对象.

Promise提供2个方法

• Promise.resolve(value)返回 状态为fulfilled的Promise对象
• Promise.reject(reason)返回 状态为rejected状态的Promise对象

var myPromise = new Promise(
    function (resolve,reject){
        console.log('~~~~~~~~~~~~~~~~');
        resolve('hello');
        reject('word');
    }
)

console.log(myPromise)

var p1 = myPromise.then(
    value => console.log(1,myPromise,value),
    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 rejected')  //rejected
    },
    reason =>console.log(6,p2,value)
).catch(
    reason => {
        console.log(7,reason);
        return Promise.resolve(reason + '---');  //resolved
    }
).then(
    value => console.log(8,value),  //处理掉
    reason => console.log(9,reason)
)

异步实例

function runAsync(){
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log('do sth....');
            resolve('ok---');
        },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('Promise END')
    }
)
console.log('===FIN===')