var promise = function(isReady){ return new Promise(function(resolve, reject){ // do somthing, maybe async if (isReady){ return resolve('hello world'); } else { return reject('failure'); } }); } promise(true) .then(function(value){ console.log('resolved'); console.log(value); console.log(haha); //此处的haha未定义 }) .catch(function(error){ console.log('rejected'); console.log(error); });
catch 方法是 then(onFulfilled, onRejected) 方法当中 onRejected 函数的一个简单的写法,也就是说可以写成 then(fn).catch(fn),相当于 then(fn).then(null, fn)
使用 catch 的写法比一般的写法更加清晰明确,其实可以类比成try/catch,这样,其中有报错的地方不会阻塞运行。比如定义了一个未定义haha,正常来说它上面的代码也不会运行,因为被这个报错阻塞了,有了catch,它上面的代码可以正常运行下去:
控制台打印出来的东西:
resolved hello world rejected ReferenceError: haha is not defined(…)
4、promise.all方法
Promise.all 可以接收一个元素为 Promise 对象的数组作为参数,当这个数组里面所有的 Promise 对象都变为 resolve 时,该方法才会返回。
代码示例:
var p1 = new Promise(function (resolve) { setTimeout(function () { resolve("第一个promise"); }, 3000); }); var p2 = new Promise(function (resolve) { setTimeout(function () { resolve("第二个promise"); }, 1000); }); Promise.all([p1, p2]).then(function (result) { console.log(result); // ["第一个promise", "第二个promise"] });
上面的代码中,all接收一个数组作为参数,p1,p2是并行执行的,等两个都执行完了,才会进入到then,all会把所有的结果放到一个数组中返回,所以我们打印出我们的结果为一个数组。
值得注意的是,虽然p2的执行顺序比p1快,但是all会按照参数里面的数组顺序来返回结果。all的使用场景类似于,玩游戏的时候,需要提前将游戏需要的资源提前准备好,才进行页面的初始化。
5、promise.race方法
race的中文意思为赛跑,也就是说,看谁跑的快,跑的快的就赢了。因此,promise.race也是传入一个数组,但是与promise.all不同的是,race只返回跑的快的值,也就是说result返回比较快执行的那个。
var p1 = new Promise(function (resolve) { setTimeout(function () { console.log(1); resolve("第一个promise"); }, 3000); }); var p2 = new Promise(function (resolve) { setTimeout(function () { console.log(2); resolve("第二个promise"); }, 1000); }); Promise.race([p1, p2]).then(function (result) { console.log(result); }); // 结果: // 2 // 第二个promise // 1
可以看到,传的值中,只有p2的返回了,但是p1没有停止,依然有执行。
race的应用场景为,比如我们可以设置为网路请求超时。写两个promise,如果在一定的时间内如果成功的那个我们没有执行到,我们就执行失败的那个,这里不再举例子,可以看看阮一峰的ES入门。