JavaScript中Promise的使用详解(2)

//沿用Promise.all()的例子 Promise.race([ timerPromisefy(1), timerPromisefy(32), timerPromisefy(64), timerPromisefy(128) ]).then(function (value) { console.log(values); // [1] });

Promise.race()作为定时器的妙用

Promise.race([ new Promise(function (resolve, reject) { setTimeout(reject, 5000); // timeout after 5 secs }), doSomethingThatMayTakeAwhile() ]);

在then中改变promise状态

因为then的回调中只有value参数，没有改变状态的方法（只能在构造方法的异步任务中使用），要想改变传给下一个then的promise对象的状态，只能重新new一个新的Promise对象，在异步任务中判断是否改变状态，最后return出去传给下一个then/catch。

var promise = Promise.resolve(‘xxx');//创建promise对象的简介方法 promise.then(function (value) { var pms=new Promise(function(resolve,reject){ setTimeout(function () { // 在此可以判断是否改变状态reject/resolve Reject(‘args')； }, 1000); }) return pms; //该promise对象可以具有新状态，下一个then/catch需要等异步结束才会执行回调；如果返回普通值/undefined，之后的then/catch会立即执行 }).catch(function (error) { // 被reject时调用 console.log(error) });

获取两个promises的结果

//方法1：通过在外层的变量传递 var user; getUserByName('nolan').then(function (result) { user = result; return getUserAccountById(user.id); }).then(function (userAccount) { //可以访问user和userAccount }); //方法2：后一个then方法提到前一个回调中 getUserByName('nolan').then(function (user) { return getUserAccountById(user.id).then(function (userAccount) { //可以访问user和userAccount }); });

 

注意使用promise时的整体结构

假定doSomething()和doSomethingElse()都返回了promise对象

常用方式：

doSomething().then(doSomethingElse).then(finalHandler); doSomething |-----------------| doSomethingElse(resultOfDoSomething) //返回新promise，下一个then要收到新状态才执行 |------------------| finalHandler(resultOfDoSomethingElse) |---------------------|

常用变通方式：

doSomething().then(function () { return doSomethingElse();}).then(finalHandler); doSomething |-----------------| doSomethingElse(undefined) //then外层函数的arguments[0]== resultOfDoSomething |------------------| finalHandler(resultOfDoSomethingElse) |------------------|

错误方式1：

doSomething().then(function () { doSomethingElse();}).then(finalHandler); doSomething |-----------------| doSomethingElse(undefined) //虽然doSomethingElse会返回promise对象，但最外层的回调函数是return undefined，所以下一个then方法无需等待新promise的状态，会马上执行回调。 |------------------| finalHandler(undefined) |------------------|

错误方式2：

doSomething().then(doSomethingElse()).then(finalHandler); doSomething |-----------------| doSomethingElse(undefined) //回调函数在注册时就直接被调用 |----------| finalHandler(resultOfDoSomething) |------------------|

您可能感兴趣的文章: