es6之Promise的詳細介紹
Promise
Promise是一個對象,從它可以取得非同步操作的訊息;
特點:物件的狀態不受外界影響(Pending進行中、Resolved完成、Rejected失敗),只有非同步操作的結果可以決定當前狀態;一旦狀態改變就不會再變(只能從Pending到Resolved和Pending到Rejected);
#缺點:一旦創建就會立即執行無法中途取消;如果沒有回呼函數,內部拋出的錯誤無法反映到外部;當處於Pending時,無法得知目前進展到哪一階段;
一般不要在then方法裡面定義Reject狀態的回呼函數(即then的第二個參數),而是使用catch方法;因為這種可以捕捉前面then中的錯誤,也更接近同步寫法(try/catch)
catch方法返回的還是一個Promise 對象,因此後面還可以接著呼叫then方法;catch方法之中,還能再拋出錯誤
Promise.all方法用於將多個Promise實例,包裝成一個新的Promise實例;Promise.all方法的參數可以不是數組,但必須具有Iterator接口,且傳回的每個成員都是Promise實例;只有p1 p2 p3狀態都變成fulfilled,p狀態才會變成fulfilled;只要有一個rejected,p就變成rejected;
Promise.race也是將多個Promise實例包裝成新的Promise;只要有一個物件狀態變了,p狀態就會跟著變,傳回先改變的物件的值傳給p的回呼函數;
-
Promise.resolve將物件轉換為Promise對象,狀態為resolved
// 将thenable对象转为Promise对象var thenable = { then(resolve, reject) { resolve(200) } }var p = Promise.resolve(thenable) p.then((data) => { console.log(data) }) // 200
登入後複製 Promise.reject傳回一個Promise對象,實例狀態為rejected;這個方法方法的參數,會原封不動地作為reject的理由,變成後續方法的參數。
-
兩個附加方法
// donePromise.prototype.done = function(onFulfilled, onRejected) {this.then(onFulfilled, onRejected) .catch(function(reason) { setTimeout(() => {throw reason}, 0) }); };// finallyPromise.prototype.finally = function (callback) { let P = this.constructor;return this.then( value => P.resolve(callback()).then(() => value), reason => P.resolve(callback()).then(() => { throw reason }) ); };
登入後複製done用於捕獲任何時候可能出現的錯誤,並且全域拋出;
finally用來不管Promise物件狀態如何,都會執行的操作,接受一個普通的回呼函數作為參數(必執行);
以上是es6之Promise的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

在日常生活中,我們常常會遇到承諾與兌現之間的問題。無論是在個人關係中,或是在商業交易中,承諾的兌現都是建立信任的關鍵。然而,承諾的利與弊也常常會引起爭議。本文將探討承諾的利與弊,並給予一些建議,如何做到言出必行。承諾的利是顯而易見的。首先,承諾可以建立信任。當一個人信守承諾時,他會讓別人相信自己是個可信賴的人。信任是人與人之間建立的紐帶,它可以讓人們更加

Vue是一款受歡迎的前端框架,在開發應用時經常會遇到各種各樣的錯誤和問題。其中,Uncaught(inpromise)TypeError是常見的一種錯誤型別。在本篇文章中,我們將探討它的產生原因和解決方法。什麼是Uncaught(inpromise)TypeError? Uncaught(inpromise)TypeError錯誤通常出現在

Promise.resolve()詳解,需要具體程式碼範例Promise是JavaScript中一種用來處理非同步操作的機制。在實際開發中,常常需要處理一些需要依序執行的非同步任務,而Promise.resolve()方法就是用來傳回一個已經Fulfilled狀態的Promise物件。 Promise.resolve()是Promise類別的靜態方法,它接受一個

利用Promise對象,把普通函數改成返回Promise的形式,解決回調地獄的問題。明白Promise的成功失敗呼叫邏輯,可以靈活的進行調整。理解核心知識,先用起來,慢慢整合吸收知識。

瀏覽器相容性:哪些瀏覽器能夠支援Promise?隨著Web應用程式的複雜性不斷提高,開發人員迫切需要解決JavaScript中的非同步程式設計問題。過去,開發人員通常使用回調函數來處理非同步操作,但這會導致程式碼複雜且難以維護。為了解決這個問題,ECMAScript6引入了Promise,它提供了一種更直觀、更靈活的處理非同步操作的方式。 Promise是一種用於處理異

promise物件狀態有:1、pending:初始狀態,既不是成功,也不是失敗狀態;2、fulfilled:意味著操作成功完成;3、rejected:意味著操作失敗。一個Promise物件一旦完成,就會從pending狀態變成fulfilled或rejected狀態,且不能再改變。 Promise物件在JavaScript中被廣泛使用,以處理如AJAX請求、定時操作等非同步操作。

Promise是一種用於處理非同步操作的程式設計模式,它是一種代表了非同步操作最終完成或失敗的對象,可以看作是對非同步操作的一種承諾,它可以更好地管理和組織非同步程式碼,使得程式碼更可讀性高、可維護性強。 Promise物件有三個狀態:pending、fulfilled和rejected。 Promise的核心思想是將非同步操作從回調函數中分離出來,透過鍊式呼叫的方式來表達非同步操作之間的依賴關係。
