如何使用 Promise

2022-06-17 21:30:11 字數 1189 閱讀 9279

api

1. promise 建構函式: promise (excutor) {}

(1) executor 函式: 執行器 (resolve, reject) => {}

(2) resolve 函式: 內部定義成功時我們呼叫的函式 value => {}

(3) reject 函式: 內部定義失敗時我們呼叫的函式 reason => {}

說明: executor 會在 promise 內部立即同步呼叫,非同步操作在執行器中執行

2. promise.prototype.then 方法: (onresolved, onrejected) => {}

(1) onresolved 函式: 成功的**函式 (value) => {}

(2) onrejected 函式: 失敗的**函式 (reason) => {}

說明: 指定用於得到成功 value 的成功**和用於得到失敗 reason 的失敗**

返回乙個新的 promise 物件

3. promise.prototype.catch 方法: (onrejected) => {}

(1) onrejected 函式: 失敗的**函式 (reason) => {}

說明: then()的語法糖, 相當於: then(undefined, onrejected)

4. promise.resolve 方法: (value) => {}

(1) value: 成功的資料或 promise 物件

說明: 返回乙個成功/失敗的 promise 物件

5. promise.reject 方法: (reason) => {}

(1) reason: 失敗的原因

說明: 返回乙個失敗的 promise 物件

6. promise.all 方法: (promises) => {}

(1) promises: 包含 n 個 promise 的陣列

說明: 返回乙個新的 promise, 只有所有的 promise 都成功才成功, 只要有乙個失敗了就

直接失敗

7. promise.race 方法: (promises) => {}

(1) promises: 包含 n 個 promise 的陣列

說明: 返回乙個新的 promise, 第乙個完成的 promise 的結果狀態就是最終的結果狀態

Promise簡單使用

reject 方法 當promse中包含非同步操作時,例項的 then catch 會在下個 eventloop執行,但是promise中的 會同步執行 console.log 4 settimeout 200 const promise newpromise resolve,reject prom...

Promise簡單使用

1.promise含義 promise 是非同步程式設計的一種解決方案,是一種鏈式的變成。一段簡單的使用 function hellopromise ready else hellopromise true then message error promise的狀態有三種 pending 進行中 f...

Promise使用的心得

因為業務的關係,網頁和底層的互動很多並且很複雜,一般會巢狀好幾層,原始的ajax或者jquery的ajax寫起來巢狀太長,找問題時不容易找到切入點,因此使用es6的promise來解決ajax的多層巢狀問題。promise是抽象非同步處理物件以及對其進行各種操作的元件。promise是把類似的非同步...