JavaScript中的promise使用

phodal 發布于2019-08-21 16:54 / 642人閱讀

摘要：它的作用是為實例添加狀態改變時的回調函數。方法方法是的別名，用于指定發生錯誤時的回調函數。是一個處理和前一個回調函數運行時發生的錯誤發生錯誤比較推薦的書寫方法是先使用來給添加的回調，然后使用來捕獲所有的鏈接上的或者異常。

promise初始

Promise 是異步編程的一種解決方案，Promise 可以認為是一個對象，從它可以獲取異步操作的消息。Promise 提供統一的 API，各種異步操作都可以用同樣的方法進行處理。具有兩大特點：

對象的狀態不受外界影響。Promise對象代表一個異步操作，有三種狀態：pending（進行中）、fulfilled（已成功）和rejected（已失敗），只有promise執行的結果可以影響當前狀態，無論是異步操作還是同步操作。

一旦狀態改變，就不會再變，任何時候都可以得到這個結果。Promise對象的狀態改變，只有兩種可能：從pending變為fulfilled和從pending變為rejected。

基本用法

ES6 規定，Promise對象是一個構造函數，用來生成Promise實例。

new Promise(
    /* executor */
    function(resolve, reject) {...}
);

Promise構造函數接受一個函數作為參數，該函數的兩個參數分別是resolve和reject。它們是兩個函數，由 JavaScript 引擎提供，不用自己部署。看一個實例：

let promise = new Promise(function(resolve, reject) {
  console.log("Promise");
  resolve();
});

promise.then(function() {
  console.log("resolved.");
});

console.log("Hi!");

// Promise
// Hi!
// resolved

可以看到，在new promise的時候，會立即執行promise構造函數中的參數function，也就是包含resolve、reject兩個方法的函數會被立即執行，上面代碼中，Promise 新建后立即執行，所以首先輸出的是Promise。然后，then方法指定的回調函數，將在當前腳本所有同步任務執行完才會執行，所以resolved最后輸出。
注意：
1. promise的參數函數中如果resolve、reject這兩個函數中的某個帶了參數也是 promise的話，那么這個原本的promise的狀態將會由參數中的promise的狀態決定
2. resolve、reject并不會想return一樣結束函數的運行

then方法

then方法是定義在原型對象Promise.prototype上的。它的作用是為 Promise 實例添加狀態改變時的回調函數。then方法的第一個參數是resolved狀態的回調函數，第二個參數（可選）是rejected狀態的回調函數。then方法返回的是一個新的Promise實例（注意，不是原來那個Promise實例）。因此可以采用鏈式寫法，即then方法后面再調用另一個then方法。

// getJSON 是一個promise實例
getJSON("/posts.json").then(function(json) {
  return json.post;
}).then(function(post) {
  // ...
});

很多時候在then中會人為的書寫一些異步操作，這樣可以很好的鏈式調用，但是即使不是人為的異步操作，JavaScript也會自動的把then的返回值封裝為promise實例，可以一直使用then無限回調。

catch方法

Promise.prototype.catch方法是.then(null, rejection)的別名，用于指定發生錯誤時的回調函數。如果異步操作拋出錯誤，狀態就會變為rejected，就會調用catch方法指定的回調函數，處理這個錯誤。另外，then方法指定的回調函數，如果運行中拋出錯誤，也會被catch方法捕獲。

//getJSON 是一個promise
getJSON("/posts.json").then(function(posts) {
  // ...
}).catch(function(error) {
  // 處理 getJSON 和 前一個回調函數運行時發生的錯誤
  console.log("發生錯誤！", error);
});

比較推薦的書寫方法是先使用then來給promise添加resolve的回調，然后使用catch來捕獲所有的鏈接上的reject或者異常。

promise.resolve理解

可以說Promise.resolve是唯一的把promise轉換為完成狀態的操作，Promise.resolve方法的參數分成四種情況：

參數是一個promise實例
如果參數是Promise實例，那么Promise.resolve將不做任何修改、原封不動地返回這個實例。這個之前已經說過了，如果promise的的resolve參數帶的是一個promise，那么原本promise的將會被丟棄，由這個新的promise的狀態來取代

參數是一個thenable對象
thenable對象指的是具有then方法的對象，Promise.resolve方法會將這個對象轉為Promise對象，然后就立即執行thenable對象的then方法。

參數不是具有then方法的對象，或根本就不是對象
如果參數是一個原始值，或者是一個不具有then方法的對象，則Promise.resolve方法返回一個新的Promise對象，狀態為resolved。

不帶有任何參數
Promise.resolve方法允許調用時不帶參數，直接返回一個resolved狀態的Promise對象。

promise.reject理解

Promise.reject(reason)方法也會返回一個新的 Promise 實例，該實例的狀態為rejected。
注意，Promise.reject()方法的參數，會原封不動地作為reject的理由，變成后續方法的參數。這一點與Promise.resolve方法不一致。

其他

done()
Promise對象的回調鏈，不管以then方法或catch方法結尾，要是最后一個方法拋出錯誤，都有可能無法捕捉到（因為Promise內部的錯誤不會冒泡到全局）。因此，我們可以提供一個done方法，總是處于回調鏈的尾端，保證拋出任何可能出現的錯誤。

done()
finally方法用于指定不管Promise對象最后狀態如何，都會執行的操作。它與done方法的最大區別，它接受一個普通的回調函數作為參數，該函數不管怎樣都必須執行。

云服務器 GPU云服務器中的Promise es6中的promise Promise使用 javascript中的

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88889.html

JavaScript 異步

摘要：從最開始的到封裝后的都在試圖解決異步編程過程中的問題。為了讓編程更美好，我們就需要引入來降低異步編程的復雜性。寫一個符合規范并可配合使用的寫一個符合規范并可配合使用的理解的工作原理采用回調函數來處理異步編程。 JavaScript怎么使用循環代替(異步)遞歸問題描述在開發過程中，遇到一個需求：在系統初始化時通過http獲取一個第三方服務器端的列表，第三方服務器提供了一個接口，可通過...

tuniutech 2019-08-21 18:34 評論0 收藏0
JavaScript引擎是如何工作的？從調用棧到Promise你需要知道的一切

摘要：最受歡迎的引擎是，在和中使用，用于，以及所使用的。怎么處理每個引擎都有一個基本組件，稱為調用棧。也就是說，如果有其他函數等待執行，函數是不能離開調用棧的。每個異步函數在被送入調用棧之前必須通過回調隊列。例如方法是在中傳遞的回調函數。 ? 翻譯：瘋狂的技術宅原文：www.valentinog.com/blog/engine… 從Call Stack，Global Me...

zzbo 2019-06-18 11:16 評論0 收藏0
JavaScript引擎是如何工作的？從調用棧到Promise你需要知道的一切

摘要：最受歡迎的引擎是，在和中使用，用于，以及所使用的。單線程的我們說是單線程的，因為有一個調用棧處理我們的函數。也就是說，如果有其他函數等待執行，函數是不能離開調用棧的。每個異步函數在被送入調用棧之前必須通過回調隊列。翻譯：瘋狂的技術宅原文：https://www.valentinog.com/bl... 本文首發微信公眾號：前端先鋒歡迎關注，每天都給你推送新鮮的前端技術文章 sh...

Simon_Zhou 2019-08-26 13:49 評論0 收藏0
ES6-7

摘要：的翻譯文檔由的維護很多人說，阮老師已經有一本關于的書了入門，覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發過程中，顯得越來越重要。為了讓編程更美好，我們就需要引入來降低異步編程的復雜性。 JavaScript Promise 迷你書（中文版）超詳細介紹promise的gitbook，看完再不會promise...... 本書的目的是以目前還在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 評論0 收藏0
理解 Javascript 中的 Promise

摘要：理解承諾有兩個部分。如果異步操作成功，則通過的創建者調用函數返回預期結果，同樣，如果出現意外錯誤，則通過調用函數傳遞錯誤具體信息。這將與理解對象密切相關。這個函數將創建一個，該將在到秒之間的隨機數秒后執行或。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！ showImg(https://segmentfault.com/img/bVbkNvF?w=1280&h=...

paulli3 2019-08-23 13:57 評論0 收藏0
理解 Javascript 中的 Promise

摘要：理解承諾有兩個部分。如果異步操作成功，則通過的創建者調用函數返回預期結果，同樣，如果出現意外錯誤，則通過調用函數傳遞錯誤具體信息。這將與理解對象密切相關。這個函數將創建一個，該將在到秒之間的隨機數秒后執行或。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！ showImg(https://segmentfault.com/img/bVbkNvF?w=1280&h=...

chaos_G 2019-08-02 12:12 評論0 收藏0