promise(3) '静态'方法

一直恐惧读源码，哪怕是一个简单的库也是读百来行遇到难点就放弃了。对于新的东西也仅仅是知道它拿来干什么，社区资源在哪里，要用时就突击文档资源使用便可。未有过深刻之心，亦或者有过深刻之心两三天就废掉。

这两日安静下来思考，以为本身毛病很多，却仍是不甘于平庸。那么只能选择面对本身作出改变，越是恐惧，越是应该面对。下一篇就来个es6-promise代码理解好了。加油吧少年！

 3.1 Promise.reject()

Promise.reject()静态方法,这个方法我在才开始用的时候老迷惑了，不知道何时应该使用。直到我理解了then方法事后，就不迷惑了，接上一篇。看下图代码：

var aPromise = new Promise(function() {
    resolve(1)
});
var testPromise = aPromise.then(function onFulfilled() {
    //...一系列操做事后获得要接受的value 值
    return value
})

//或者

var aPromise = new Promise(function() {
    reject(1)
});
var testPromise = aPromise.then(null, onRejected() {
    //...一系列操做事后获得要接受的reason 值
    return reason
})

Promise.prototype.then执行它会返回一个新的promise对象,而这个新的promise对象的状态值规则以下：

①var aPromise = new Promise(function(){ resolve(1)}); var testPromise = aPromise.then()//then没有接收回调函数，新建立的testPromise 对象的[[PromiseStatus]]和[[PromiseValue]]与以前的aPromise 的同样。

②then方法接收的回调函数执行return 值只为普通对象或者原始类型，即将普通对象或者原始类型值赋给新建立的promise对象[[PromiseValue]],新建立的promise对象的[[PromiseStatus]]就等于调用then的那个promise对象的[[PromiseStatus]]。

③then方法接收的回调函数执行return值为promise对象，即将promise对象的[[PromiseValue]]和[[PromiseStatus]]赋值给新建立的promise对象对应属性值。

④then方法接收的回调函数执行return值为thenable对象，即执行对象的then方法，根据then方法内部执行resolve或reject肯定[[PromiseValue]]和[[PromiseStatus]]，赋值给新建立的promise对象对应属性值。

then函数最后调用了onRejected 或者 onFulfilled返回的promise对象须要把rejected状态传递下去（传递给后续进行处理）此时须要使用Promise.reject。（举个例子看下图代码）

// Request.get()是一个发起请求，当有数据返回或请求出错时生成一个promise对象
// res为后台成功返回的数据，msg为失败或错误返回的数据
axios.get(url).then((res) => {
    if (res.code == 0) {
        //当code的值为0 时断定这个是成功的须要处理的数据
        return res;
    } else {
        //当code的值不为0时，就须要返回一个rejected的promise对象供后续处理
        return Promise.reject(res));
    }
}, (msg) => {
    //一般是请求出错须要返回一个rejected的promise对象，供后续处理
    return Promise.reject(msg);
});

 如图中代码，当须要把错误抛出给后续作处理的时候，一般会return  Promise.reject("缘由")给后续的代码来处理(此时的错误能够是咱们与后台约定的错误码，而不必定是代码上的错误)。

Promise.reject()执行后返回的结果又是什么了？

①reject,中不接收值时返回一个rejected状态的promise对象[[PromiseValue]]值为undefined

②reject中接收普通值和对象，会做为返回的rejected状态的promise对象的[[PromiseValue]]值。

//建立一个 thenable 对象
var thenable = {
    then(resolve, reject) {
        reject('错误缘由');
    }
};
//将 thenable 做为参数使用
var testC = Promise.reject(thenable);
// 此处断定 e 与  thenable
testC.catch(e => {
    console.log("我竟然是接受进来的thenable对象",e === thenable)
})

③reject中接收thenable 对象，直接做为返回的rejected状态的promise对象的[[PromiseValue]]值。（此处能够在控制台输出testC，查看他的结构）

④reject中接收thenable 对象，直接做为返回的rejected状态的promise对象的[[PromiseValue]]值。（看上图）

Promise.reject()方法接受的参数，会原封不动地做为reject的理由，成为新promise对象的[[PromiseValue]]值（厉害了一点转化都不会作，废话若是rejected状态能够变化，还要Promise.reject()有何有）。

总结：Promise.reject()返回一个使用接收到的值进行reject的新的promise对象。（promise对象是rejected的哟）

 3.2 Promise.resolve()

Promise.resolve 一个做用就是将 thenable 对象转换为promise对象。同理Promise.resolve 方法是建立promise对象的快捷方式。

thenable指的是一个具备 .then 方法的对象。目前咱们最多见的 thenable对象就是jQuery.ajax()

 1.当接受一个普通对象或值的时候

Promise.resolve返回的是一个将该对象做为值的新promise对象。

2.接受一个thenable对象的时候

执行thenable的then方法，根据then方法内部执行resolve或reject肯定[[PromiseValue]]和[[PromiseStatus]]，而后将值赋给新的promise对象。

3.接收到promise对象参数的时候

返回的仍是接收到的promise对象

 3.3 Promise.all()

忽然想什么场景下适合使用Promise.all，Promise.all简单描述它接收一个 promise对象的数组做为参数，当这个数组里的全部promise对象所有变为fulfilled或有对象变为rejected状态的时候，它就会去调用 .then 方法。

1.当接受到promise对象数组都fulfilled

Promise.all([testA，testB，testC]).then() ,接受的数组中testA，testB，testC会同时执行，promise对象只会状态迁移一次，因此testA，testB，testC，有fulfilled状态的就等待其余的promise对象状态迁移完成，而后在返回一个新的promise对象，then方法接受的参数是Promise.all接受到的promise对象resolve的值组成的数组，因此then接收的数组是相似[testAresolveValue, testBresolveValue, testCresolveValue]），数组顺序跟接收的promise对象数组顺序一致。

 

2.当接受到promise对象数组有rejected

Promise.all([testA，testB，testCReject]).then() ,它的执行跟前面场景一致，不一样在数组中有promise对象rejected状态就会执行.then方法。其它数组中还没状态迁移的promise对象还会执行，只是和后续的链式操做没有什么关系了。

 总结：Promise.all接受的数组，数组中的promise对象都fulfilled，Promise.all返回的新promise才会是fulfilled状态的，只要数组中有一个promise对象是rejected状态，Promise.all返回的新promise会是rejected状态的。可是数组中的promise对象都会状态迁移到稳定（也就是说数组中有promise对象rejected状态就会执行.then方法。但其它数组中还没状态迁移的promise对象还会执行的，好比上图中"执行了C"是在"B：32"以后输出的）;Promise.all 适用的场景是多个异步条件须要同时知足才执行后续操做的状况。

 3.3 Promise.race()

Promise.race()跟Promise.all()使用方法一致，接收一个promise对象数组为参数，但不一样的是Promise.race()接收的promise对象数组中有一个promise对象进入 FulFilled 或者 Rejected 状态的话，就会执行.then继续进行后面的处理(就像比赛同样谁先到达，谁就接着后续操做)。

第一个promise对象变为肯定（FulFilled）状态后，数组中其它的promise对象仍是会继续运行的，全部手续输出了“执行了：B”,“执行了：C”。

总结：Promise.race()接收的数组中的promise对象存在竞争关系，好比同时向两个不一样接口拿相同数据，哪一个接口先返回数据，就先使用该数据作后续操做。 也能够作超时限制以下图（附带码）。

function timeOut(time) {
    return new Promise((resolve, reject) => {
        setTimeout(function() {
            reject('timeOut');
        }, time)
    })
}

function promiseURL(){
    return new Promise((resolve, reject) => {
        setTimeout(function() {
            reject('get Date from promiseURL');
        }, 1000)
    })
}

Promise.race([promiseURL(), timeOut(2000)]).then(function(values) {
    console.log(values); // get Date from promiseURL
},function(res) {
    console.log(res); // timeOut  
})

 

 3.4 总结

终于把这篇结尾了，还好这个周时间充足，准备把前面两篇修改整理一下，顺带作作es6-promise源代码理解笔记。