Javascript的異步編程:Promise

forsigner 發布于2019-08-21 13:31 / 1912人閱讀

摘要：對象是工作組為異步編程提供的統一接口，是中提供了對的原生支持，就是在未來發生的事情，使用可以避免回調函數的層層嵌套，還提供了規范更加容易的對異步操作進行控制。是執行完之后的回調，可以用方法分別指定和的回調。

Promise對象是CommonJS工作組為異步編程提供的統一接口，是ECMAScript6中提供了對Promise的原生支持，Promise就是在未來發生的事情，使用Promise可以避免回調函數的層層嵌套，還提供了規范更加容易的對異步操作進行控制。提供了reject,resolve,then和catch等方法。

使用Promise

Promise是ES6之后原生的對象，我們只需要實例化Promise對象就可以直接使用。
實例化Promise:

var promise = new Promise(function (resolve, reject) {
    console.log("begin do something");
    if (Math.random() * 10.0 > 5) {
        console.log(" run success");
        resolve();
    } else {
        console.log(" run failed");
        reject();

    }
});

這里定義了一個回調方法function(resolve,reject),如果成功了就調用resolve,失敗了就會調用reject。
Promise.prototype.then是Promise執行完之后的回調，可以用then方法分別指定resolve和reject的回調。

promise.then(function () {
    console.log(" resolve from promise");
}, function () {
    console.log(" reject from promise");
});

執行結果一:

begin do something
 run success
 resolve from promise

執行結果二:

begin do something
 run failed
 reject from promise

使用Promise進行網絡請求

getRequest = function (url) {
    var promise = new Promise(function (resolve, reject) {
        var request = require("request");
        request(url, function (error, respones, body) {
            if (error) {
                reject(error);
                return;
            }
            if (respones.statusCode == 200) {
                resolve(body)

            } else {
                reject(respones.status);

            }
        });
    });
    return promise;

};

getRequest("https://github.com/").then(function (result) {
    console.log(result);
}, function (error) {
    console.error("error", error);
});

使用Promise進行網絡請求，也可以使用Promise在瀏覽上實現Ajax請求。

代碼地址：https://github.com/jjz/node

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

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

ES6-7

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

mudiyouyou 2019-08-21 18:40 評論0 收藏0
JavaScript 異步

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

tuniutech 2019-08-21 18:34 評論0 收藏0
[ JS 進階 ] 異步編程 promise模式的簡單實現

摘要：為了降低異步編程的復雜性，所以。難理解請參考的誤區以及實踐異步編程的模式異步編程的種方法異步編程 javascript異步編程, web2.0時代比較熱門的編程方式，我們平時碼的時候也或多或少用到，最典型的就是異步ajax，發送異步請求，綁定回調函數，請求響應之后調用指定的回調函數，沒有阻塞其他代碼的執行。還有像setTimeout方法同樣也是異步執行回調的方法。如果對異步編程...

svtter 2019-08-21 10:35 評論0 收藏0
JS筆記

摘要：從最開始的到封裝后的都在試圖解決異步編程過程中的問題。為了讓編程更美好，我們就需要引入來降低異步編程的復雜性。異步編程入門的全稱是前端經典面試題從輸入到頁面加載發生了什么這是一篇開發的科普類文章，涉及到優化等多個方面。 TypeScript 入門教程從 JavaScript 程序員的角度總結思考，循序漸進的理解 TypeScript。網絡基礎知識之 HTTP 協議詳細介紹 HTT...

rottengeek 2019-08-22 13:58 評論0 收藏0
夯實基礎-JavaScript異步編程

摘要：調用棧被清空，消息隊列中并無任務，線程停止，事件循環結束。不確定的時間點請求返回，將設定好的回調函數放入消息隊列。調用棧執行完畢執行消息隊列任務。請求并發回調函數執行順序無法確定。異步編程 JavaScript中異步編程問題可以說是基礎中的重點，也是比較難理解的地方。首先要弄懂的是什么叫異步？我們的代碼在執行的時候是從上到下按順序執行，一段代碼執行了之后才會執行下一段代碼，這種方式...

shadowbook 2019-08-22 17:16 評論0 收藏0
談談JavaScript異步代碼優化

摘要：異步問題回調地獄首先，我們來看下異步編程中最常見的一種問題，便是回調地獄。同時使用也是異步編程最基礎和核心的一種解決思路?；冢壳耙脖粡V泛運用，其是異步編程的一種解決方案，比傳統的回調函數解決方案更合理和強大。關于微信公眾號：前端呼啦圈（Love-FED）我的博客：勞卜的博客知乎專欄：前端呼啦圈前言在實際編碼中，我們經常會遇到Javascript代碼異步執行的場景...

chnmagnus 2019-08-22 17:08 評論0 收藏0