其實為fetch新增超時時間很簡單,需要用到Promise.race()方法.

Promise.race() 方法將多個Promise包裝成一個新的Promise例項.

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

上面的程式碼中,只要p1,p2,p3中有一個例項先改變狀態,p的狀態就跟著改變,而那個率先改變的Promise例項返回值就傳遞給p的回撥函式.

Promise.race方法的引數如果不是Promise例項,就會先先呼叫Promise.resolve方法,將引數轉為Promise例項,再進一步處理.

上完整例項程式碼:

Promise.race([
    fetch(URL),
 
new Promise(function(resolve,reject){
        setTimeout(()=> reject(new Error('request timeout')),2000)
    })])
    .then((data)=>{
        //請求成功
}).catch(()=>{
        //請求失敗
});

程式碼中用Promise.race()將fetch和一個新的Promise包裝在了一起,新的Promise和fetch誰率先返回就把該Promise例項返回值傳遞給下面的.then()或者是.catch()

程式碼裡我們新建的Promise例項裡設定了超時時間2000毫秒,如果超過2000毫秒fetch的請求還沒有結束,這時已經達到了新的Promise的超時時間,就會返回請求失敗,從而觸發catch方法裡指定的回撥函式.

親測有效,不清楚的可以在下面留言.