欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6 Promise.race的用法詳解

 更新時間:2023年09月01日 11:43:23   作者:科學(xué)熊  
本文主要介紹了ES6 Promise.race的用法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

Promise.race()方法同樣是將多個 Promise 實例,包裝成一個新的 Promise 實例。

const p = Promise.race([p1, p2, p3]);

上面代碼中,只要p1、p2、p3之中有一個實例率先改變狀態(tài),p的狀態(tài)就跟著改變。那個率先改變的 Promise 實例的返回值,就傳遞給p的回調(diào)函數(shù)。

Promise.race()方法的參數(shù)與Promise.all()方法一樣,如果不是 Promise 實例,就會先調(diào)用下面講到的Promise.resolve()方法,將參數(shù)轉(zhuǎn)為 Promise 實例,再進(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 報錯了");
            console.log(e);
        });

輸出結(jié)果:只輸出最先改變狀態(tài)的那個Promise的

到此這篇關(guān)于ES6 Promise.race的用法詳解的文章就介紹到這了,更多相關(guān)ES6 Promise.race用法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論