Promise的基本用法

　　(1)創建Promise對象

　　Promise對象代表一個異步操作，有三種狀態：pending(進行中)、fulfilled(已成功)和rejected(已失敗)。

　　Promise構造函數接受一個函數作為參數，該函數的兩個參數分別是resolve和reject。

Promise的基本用法1

　　一般情況下都會使用new Promise()來創建promise對象，但是也可以使用promise.resolve和promise.reject這兩個方法：

　　Promise.resolve

　　Promise.resolve(value)的返回值也是一個promise對象，可以對返回值進行.then調用，代碼如下：

Promise的基本用法2

　　resolve(11)代碼中，會讓promise對象進入確定(resolve狀態)，并將參數11傳遞給后面的then所指定的onFulfilled 函數;

　　創建promise對象可以使用new Promise的形式創建對象，也可以使用Promise.resolve(value)的形式創建promise對象;

　　Promise.reject

　　Promise.reject 也是new Promise的快捷形式，也創建一個promise對象。代碼如下：

Promise的基本用法3

　　就是下面的代碼new Promise的簡單形式：

Promise的基本用法4

　　下面是使用resolve方法和reject方法：

Promise的基本用法5

　　上面的代碼的含義是給testPromise方法傳遞一個參數，返回一個promise對象，如果為true的話，那么調用promise對象中的resolve()方法，并且把其中的參數傳遞給后面的then第一個函數內，因此打印出 “hello world”, 如果為false的話，會調用promise對象中的reject()方法，則會進入then的第二個函數內，會打印No thanks;

　　(2)Promise方法

　　Promise有五個常用的方法：then()、catch()、all()、race()、finally。下面就來看一下這些方法。

　　then()

　　當Promise執行的內容符合成功條件時，調用resolve函數，失敗就調用reject函數。Promise創建完了，那該如何調用呢?

Promise的基本用法6

　　then方法可以接受兩個回調函數作為參數。第一個回調函數是Promise對象的狀態變為resolved時調用，第二個回調函數是Promise對象的狀態變為rejected時調用。其中第二個參數可以省略。

　　then方法返回的是一個新的Promise實例(不是原來那個Promise實例)。因此可以采用鏈式寫法，即then方法后面再調用另一個then方法。

　　當要寫有順序的異步事件時，需要串行時，可以這樣寫：

Promise的基本用法7

　　那當要寫的事件沒有順序或者關系時，還如何寫呢?可以使用all 方法來解決。

　　2. catch()

　　Promise對象除了有then方法，還有一個catch方法，該方法相當于then方法的第二個參數，指向reject的回調函數。不過catch方法還有一個作用，就是在執行resolve回調函數時，如果出現錯誤，拋出異常，不會停止運行，而是進入catch方法中。

Promise的基本用法8

　　all()

　　all方法可以完成并行任務，它接收一個數組，數組的每一項都是一個promise對象。當數組中所有的promise的狀態都達到resolved的時候，all方法的狀態就會變成resolved，如果有一個狀態變成了rejected，那么all方法的狀態就會變成rejected。

Promise的基本用法9

　　調用all方法時的結果成功的時候是回調函數的參數也是一個數組，這個數組按順序保存著每一個promise對象resolve執行時的值。

　　(4)race()

　　race方法和all一樣，接受的參數是一個每項都是promise的數組，但是與all不同的是，當最先執行完的事件執行完之后，就直接返回該promise對象的值。如果第一個promise對象狀態變成resolved，那自身的狀態變成了resolved;反之第一個promise變成rejected，那自身狀態就會變成rejected。

Promise的基本用法10