開發(fā)者閱讀起來很費(fèi)神、吃力，不利于排查錯誤，更不能直接return，等等。如：

setTimeout(() => {
console.log(1)
setTimeout(() => {
console.log(2)
setTimeout(() => {
console.log(3)
},3000)
},2000)
},1000)

三、最后，也是本章的重頭戲，Promise的基本使用

Promise 構(gòu)造函數(shù)只有一個參數(shù)，是一個函數(shù)，這個函數(shù)在構(gòu)造之后會直接被異步運(yùn)行，所以我們稱之為起始函數(shù)。起始函數(shù)，也就是Promise的構(gòu)造函數(shù)里面有兩個參數(shù)：resolve和reject，該兩個參數(shù)表示的是異步操作的結(jié)果，也就是Promise成功或失敗的狀態(tài)。

當(dāng) Promise 被構(gòu)造時，起始函數(shù)會被異步執(zhí)行；resolve 和 reject 都是函數(shù)，其中調(diào)用 resolve 代表一切正常，reject 是出現(xiàn)異常時所調(diào)用的。

• ①異步操作成功，調(diào)用resolve函數(shù)，將Promise對象的狀態(tài)改為fulfilled。
• ②異步操作失敗，調(diào)用rejected函數(shù)，將Promise對象的狀態(tài)改為rejected。

舉一個使用例子，比較規(guī)范的寫法是把Promise封裝到一個函數(shù)里然后同時返回一個Promise，如下所示：

const delay = (millisecond) => {
return new Promise((resolve, reject)=>{
if (typeof millisecond != 'number') reject(new Error(‘必須是number類型'));
setTimeout(()=> {
resolve(`延遲${millisecond}毫秒后輸出`)
}, millisecond)
})
}

上述例子可以看到Promise有兩個參數(shù)：resolve和reject。resolve：將異步的執(zhí)行從pending(請求)變成了resolve(成功返回)，是個函數(shù)執(zhí)行返回；reject：見名知意為“拒絕”，從請求變成了"失敗"，是函數(shù)可以執(zhí)行返回的一個失敗結(jié)果，推薦返回一個錯誤new Error()，這樣做更加清晰明了，更加規(guī)范。

（一） resolve函數(shù)

若傳入的是非Promise，基本數(shù)據(jù)類型的數(shù)據(jù)，則返回成功的Promise；若傳入的是Promise，則該對象的結(jié)果就決定了resolve的返回結(jié)果值。

let obj =new Promise((resolve,reject)=>{
resolve(‘yes');
});

//1.若傳入的是非Promise，基本數(shù)據(jù)類型的數(shù)據(jù)，則返回成功的Promise。

let p1= Promise.resolve('123')

//2.若傳入的是Promise，則該對象的結(jié)果就決定了resolve的返回結(jié)果值。

let p2 = Promise.resolve(obj);

//3.嵌套使用

let p3 = Promise.resolve(Promise.resolve(Promise.resolve('abc')));
console.log(p3);

（二） rejected函數(shù)

Promise.prototype.reject，始終返回的是失敗的Promise。

let p = Promise.reject(123123);
let p2 = Promise.reject('abc');
let p3 = Promise.reject(Promise.resolve('ok'));
console.log(p3);

（三）Promise的API

Promise的API里面常用的幾個方法有：then、catch、finally、all、race等，具體的使用方法下面一一道來。

1. then

then指定成功或失敗的回調(diào)到當(dāng)前的Promise。then里面拿到的Promise resolve里面的數(shù)據(jù)，并返回一個Promise繼續(xù)提供使用；then方法返回的結(jié)果由then指定回調(diào)函數(shù)決定。

實(shí)例如下所示：

let p=new Promise((resolve,reject)=>{
resolve(‘yes')
})

p.then(value=>{
console.log(value) //這里的value就是上面的yes
},reason=>{
console.error(reason)
})

2. catch

catch指定失敗的回調(diào)，返回的是失敗的結(jié)果。

實(shí)例如下所示：

let p =new Promise((resolve,reject)=>{
reject('失?。?)；
})

p.then(value=>{},reason=>{
console.error(reason);
})

p.catch(reason=>{
console.error(reason)
})

3. finally

finally用來進(jìn)行收尾工作，無論P(yáng)romise的狀態(tài)成功和失敗與否，當(dāng)執(zhí)行完回調(diào)函數(shù)之后，都會去finally尋找最后的回調(diào)函數(shù)來執(zhí)行。

實(shí)例如下所示：

request.finally(function(){
// 最后，而且一定會執(zhí)行的代碼
})

4. Promise.all

在多個Promise任務(wù)一起執(zhí)行的時候，若全部成功，則返回一個新的Promise，若其中有一個失敗，則返回失敗的Promise對象。

實(shí)例如下所示:

let p1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve(‘yes');
}, 1000);
});

let p2 = Promise.resolve('ok');
let p3 = Promise.reject('Oh no');

//所有的
let result = Promise.all([p1, p2, p3]);
console.log(result);

5. Promise.race

在多個Promise任務(wù)同步執(zhí)行的時候，返回最先結(jié)束的Promise任務(wù)結(jié)果，無論最后是成功還是失敗，通俗點(diǎn)將：先到先得。

實(shí)例如下所示：

let p1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve(‘yes');
}, 1000);
});

let p2 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('ok');
}, 500);
});

let result = Promise.race([p1, p2]);
console.log(result); //p2 ok

四、最后

通過本文關(guān)于在前端JS開發(fā)中對Promise使用詳解，是不是已經(jīng)完全掌握它的使用以及原理呢？如果讀者很好的掌握了本篇內(nèi)容，那么以后不管是在實(shí)際開發(fā)過程中還是求職面試中，涉及到Promise的知識點(diǎn)都會游刃有余，Promise的重要性這里不再贅述

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