ES6 Promise.race的用法詳解
Promise.race()方法同樣是將多個(gè) Promise 實(shí)例,包裝成一個(gè)新的 Promise 實(shí)例。
const p = Promise.race([p1, p2, p3]);
上面代碼中,只要p1、p2、p3之中有一個(gè)實(shí)例率先改變狀態(tài),p的狀態(tài)就跟著改變。那個(gè)率先改變的 Promise 實(shí)例的返回值,就傳遞給p的回調(diào)函數(shù)。
Promise.race()方法的參數(shù)與Promise.all()方法一樣,如果不是 Promise 實(shí)例,就會(huì)先調(diào)用下面講到的Promise.resolve()方法,將參數(shù)轉(zhuǎn)為 Promise 實(shí)例,再進(jìn)一步處理。
let x = 10;
let p1 = new Promise((resolve) => {
setTimeout(()=>resolve("p1 hello" + x),2000);
})
.then((res) => {
console.log(`p1 then 輸出${res}`);
return res;
});
let p2 = new Promise((resolve) => {
setTimeout(()=> resolve("p2 hello" + x),2000);;
})
.then((res) => {
console.log(`p2 then 輸出${res}`);
return res;
});
let p3 = new Promise((resolve) => {
setTimeout(()=>resolve("p3 hello" + x),2000);;
})
.then((res) => {
console.log(`p3 then 輸出${res}`);
return res;
});
let p4 = new Promise((resolve) => {
setTimeout(()=>resolve("p4 hello" + x),2000);;
})
.then((res) => {
console.log(`p4 then 輸出${res}`);
return res;
});
Promise.race([p1, p2, p3, p4])
.then(result => console.log(result))
.catch((e) => {
console.log("f*cking man 報(bào)錯(cuò)了");
console.log(e);
});輸出結(jié)果:只輸出最先改變狀態(tài)的那個(gè)Promise的
到此這篇關(guān)于ES6 Promise.race的用法詳解的文章就介紹到這了,更多相關(guān)ES6 Promise.race用法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼 兼容IE,Firefox
在光標(biāo)處插入字符串,一般用于網(wǎng)頁(yè)編輯器中,這里用的是text,需要的朋友可以參考下。2010-03-03
JavaScript彈簧振子超簡(jiǎn)潔版 完全符合能量守恒,胡克定理
完全符合能量守恒,胡克定理的JavaScript彈簧振子(超簡(jiǎn)潔版,超越第一版!)2009-10-10
通過 JS 判斷頁(yè)面是否有滾動(dòng)條的實(shí)現(xiàn)方法
最近在寫插件的過程中,需要使用 JS 判斷是否有滾動(dòng)條,搜了一下,大致方法都差不多,但都有些啰嗦,代碼不夠簡(jiǎn)潔。最終通過參考不同方法,寫了一個(gè)比較簡(jiǎn)單的方法2018-04-04
javascript工廠模式和構(gòu)造函數(shù)模式創(chuàng)建對(duì)象方法解析
本文主要對(duì)javascript工廠模式和構(gòu)造函數(shù)模式創(chuàng)建對(duì)象方法進(jìn)行解析,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2016-12-12
關(guān)于微信小程序中使用wx.getLocation獲取當(dāng)前詳細(xì)位置并計(jì)算距離
這篇文章主要介紹了關(guān)于微信小程序中使用wx.getLocation獲取當(dāng)前詳細(xì)位置并計(jì)算距離,wx.getLocation只能夠獲取經(jīng)緯度,不能夠拿到詳細(xì)地址,這里使用騰訊地圖的api,需要的朋友可以參考下2023-04-04
基于邏輯運(yùn)算的簡(jiǎn)單權(quán)限系統(tǒng)(實(shí)現(xiàn)) JS 版
基于邏輯運(yùn)算的簡(jiǎn)單權(quán)限系統(tǒng)(實(shí)現(xiàn)) JS 版...2007-03-03
解決在layer.open中使用時(shí)間控件laydate失敗的問題
今天小編就為大家分享一篇解決在layer.open中使用時(shí)間控件laydate失敗的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09
詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Javascript點(diǎn)擊其他任意地方隱藏關(guān)閉DIV實(shí)例
這篇文章主要分享一個(gè)Javascript點(diǎn)擊其他任意地方隱藏關(guān)閉DIV實(shí)例,需要的朋友可以參考下。2016-06-06

