(1)創(chuàng)建Promise對(duì)象
Promise對(duì)象代表一個(gè)異步操作,有三種狀態(tài):pending(進(jìn)行中)、fulfilled(已成功)和rejected(已失敗)。
Promise構(gòu)造函數(shù)接受一個(gè)函數(shù)作為參數(shù),該函數(shù)的兩個(gè)參數(shù)分別是resolve和reject。
一般情況下都會(huì)使用new Promise()來創(chuàng)建promise對(duì)象,但是也可以使用promise.resolve和promise.reject這兩個(gè)方法:
Promise.resolve
Promise.resolve(value)的返回值也是一個(gè)promise對(duì)象,可以對(duì)返回值進(jìn)行.then調(diào)用,代碼如下:
resolve(11)代碼中,會(huì)讓promise對(duì)象進(jìn)入確定(resolve狀態(tài)),并將參數(shù)11傳遞給后面的then所指定的onFulfilled 函數(shù);
創(chuàng)建promise對(duì)象可以使用new Promise的形式創(chuàng)建對(duì)象,也可以使用Promise.resolve(value)的形式創(chuàng)建promise對(duì)象;
Promise.reject
Promise.reject 也是new Promise的快捷形式,也創(chuàng)建一個(gè)promise對(duì)象。代碼如下:
就是下面的代碼new Promise的簡(jiǎn)單形式:
下面是使用resolve方法和reject方法:
上面的代碼的含義是給testPromise方法傳遞一個(gè)參數(shù),返回一個(gè)promise對(duì)象,如果為true的話,那么調(diào)用promise對(duì)象中的resolve()方法,并且把其中的參數(shù)傳遞給后面的then第一個(gè)函數(shù)內(nèi),因此打印出 “hello world”, 如果為false的話,會(huì)調(diào)用promise對(duì)象中的reject()方法,則會(huì)進(jìn)入then的第二個(gè)函數(shù)內(nèi),會(huì)打印No thanks;
(2)Promise方法
Promise有五個(gè)常用的方法:then()、catch()、all()、race()、finally。下面就來看一下這些方法。
then()
當(dāng)Promise執(zhí)行的內(nèi)容符合成功條件時(shí),調(diào)用resolve函數(shù),失敗就調(diào)用reject函數(shù)。Promise創(chuàng)建完了,那該如何調(diào)用呢?
then方法可以接受兩個(gè)回調(diào)函數(shù)作為參數(shù)。第一個(gè)回調(diào)函數(shù)是Promise對(duì)象的狀態(tài)變?yōu)閞esolved時(shí)調(diào)用,第二個(gè)回調(diào)函數(shù)是Promise對(duì)象的狀態(tài)變?yōu)閞ejected時(shí)調(diào)用。其中第二個(gè)參數(shù)可以省略。
then方法返回的是一個(gè)新的Promise實(shí)例(不是原來那個(gè)Promise實(shí)例)。因此可以采用鏈?zhǔn)綄懛?,即then方法后面再調(diào)用另一個(gè)then方法。
當(dāng)要寫有順序的異步事件時(shí),需要串行時(shí),可以這樣寫:
那當(dāng)要寫的事件沒有順序或者關(guān)系時(shí),還如何寫呢?可以使用all 方法來解決。
2. catch()
Promise對(duì)象除了有then方法,還有一個(gè)catch方法,該方法相當(dāng)于then方法的第二個(gè)參數(shù),指向reject的回調(diào)函數(shù)。不過catch方法還有一個(gè)作用,就是在執(zhí)行resolve回調(diào)函數(shù)時(shí),如果出現(xiàn)錯(cuò)誤,拋出異常,不會(huì)停止運(yùn)行,而是進(jìn)入catch方法中。
all()
all方法可以完成并行任務(wù), 它接收一個(gè)數(shù)組,數(shù)組的每一項(xiàng)都是一個(gè)promise對(duì)象。當(dāng)數(shù)組中所有的promise的狀態(tài)都達(dá)到resolved的時(shí)候,all方法的狀態(tài)就會(huì)變成resolved,如果有一個(gè)狀態(tài)變成了rejected,那么all方法的狀態(tài)就會(huì)變成rejected。
調(diào)用all方法時(shí)的結(jié)果成功的時(shí)候是回調(diào)函數(shù)的參數(shù)也是一個(gè)數(shù)組,這個(gè)數(shù)組按順序保存著每一個(gè)promise對(duì)象resolve執(zhí)行時(shí)的值。
(4)race()
race方法和all一樣,接受的參數(shù)是一個(gè)每項(xiàng)都是promise的數(shù)組,但是與all不同的是,當(dāng)最先執(zhí)行完的事件執(zhí)行完之后,就直接返回該promise對(duì)象的值。如果第一個(gè)promise對(duì)象狀態(tài)變成resolved,那自身的狀態(tài)變成了resolved;反之第一個(gè)promise變成rejected,那自身狀態(tài)就會(huì)變成rejected。
那么race方法有什么實(shí)際作用呢?當(dāng)要做一件事,超過多長(zhǎng)時(shí)間就不做了,可以用這個(gè)方法來解決:
finally()
finally方法用于指定不管 Promise 對(duì)象最后狀態(tài)如何,都會(huì)執(zhí)行的操作。該方法是 ES2018 引入標(biāo)準(zhǔn)的。
上面代碼中,不管promise最后的狀態(tài),在執(zhí)行完then或catch指定的回調(diào)函數(shù)以后,都會(huì)執(zhí)行finally方法指定的回調(diào)函數(shù)。
下面是一個(gè)例子,服務(wù)器使用 Promise 處理請(qǐng)求,然后使用finally方法關(guān)掉服務(wù)器。
finally方法的回調(diào)函數(shù)不接受任何參數(shù),這意味著沒有辦法知道,前面的 Promise 狀態(tài)到底是fulfilled還是rejected。這表明,finally方法里面的操作,應(yīng)該是與狀態(tài)無關(guān)的,不依賴于 Promise 的執(zhí)行結(jié)果。finally本質(zhì)上是then方法的特例:
上面代碼中,如果不使用finally方法,同樣的語句需要為成功和失敗兩種情況各寫一次。有了finally方法,則只需要寫一次。