異步解決方案良藥Promise

tulayang 發布于2019-08-23 18:30 / 1775人閱讀

摘要：耦合度過高，可維護性差。只能在回調里處理異常。的使用構造函數是一個構造函數，使用操作符返回一個對象構造函數接收一個函數作為參數函數有兩個函數類型的參數和

異步解決方案良藥Promise promise

目前比較流行的異步解決方案，本質上是一個構造函數

1、狀態

promise有三種狀態，初始的狀態都是pedding，包括成功的狀態失敗的狀態還有等待的狀態

promise.all()所有的promise對象成功才會觸發成功的狀態，否則失敗狀態

promise.race()任意一個子promise的狀態觸發后

2、出現的原因

我們來通過一個例子來說明一下異步調用的問題

let url1 = "http://xxx.xxx.1";
$.ajax({
    url:url1,
    error:function (error) {},
    success:function (data1) {
        console.log(data1);
    }
});

那當我們發出多個請求的時候就只能以嵌套的方式來解決

let url1 = "http://xxx.xxx.1";
let url2 = "http://xxx.xxx.2";
let url3 = "http://xxx.xxx.3";
$.ajax({
    url:url1,
    error:function (error) {},
    success:function (data1) {
        console.log(data1);
        $.ajax({
            url:url2,
            data:data1,
            error:function (error) {},
            success:function (data2) {
                console.log(data2);
                $.ajax({
                    url:url3,
                    data,
                    error:function (error) {},
                    success:function (data3) {
                        console.log(data3);
                    }
                });
            }
        });
    }
});

3、主要的問題

代碼臃腫。

可讀性差。

耦合度過高，可維護性差。

代碼復用性差。

容易滋生 bug。

只能在回調里處理異常。

4 、Promise 的使用 構造函數

Promise 是一個構造函數，使用 new 操作符返回一個 promise 對象

構造函數接收一個 excutor 函數作為參數

excutor 函數有兩個函數類型的參數 resolve 和 reject

GPU云服務器云服務器 jquery_promise異步 js異步解決方案 js 異步解決方案良藥

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105331.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
JavaScript 異步進化史

摘要：簽訂協議的兩方分別是異步接口和。在異步函數中，使用異常捕獲的方案，代替了的異常捕獲的方案。需要注意的是，在異步函數中使異步函數用時要使用，不然異步函會被同步執行。同步與異步通常，代碼是由上往下依次執行的。如果有多個任務，就必需排隊，前一個任務完成，后一個任務才會執行。這種執行模式稱之為：同步（synchronous）。新手容易把計算機用語中的同步，和日常用語中的同步弄混淆。如，...

luzhuqun 2019-08-22 10:34 評論0 收藏0
異步解決方案----Promise與Await

摘要：前言異步編程模式在前端開發過程中，顯得越來越重要。隨著新標準的到來，處理異步數據流又有了新的方案。接下來我們介紹這兩種處理異步編程的方案。仍在繼續執行，但執行結果將被丟棄。使得異步代碼看起來像同步代碼，再也沒有回調函數。前言異步編程模式在前端開發過程中，顯得越來越重要。從最開始的XHR到封裝后的Ajax都在試圖解決異步編程過程中的問題。隨著ES6新標準的到來，處理異步數據流又有了新...

Blackjun 2019-08-29 16:56 評論0 收藏0
異步解決方案----Promise與Await

摘要：前言異步編程模式在前端開發過程中，顯得越來越重要。隨著新標準的到來，處理異步數據流又有了新的方案。接下來我們介紹這兩種處理異步編程的方案。仍在繼續執行，但執行結果將被丟棄。使得異步代碼看起來像同步代碼，再也沒有回調函數。前言異步編程模式在前端開發過程中，顯得越來越重要。從最開始的XHR到封裝后的Ajax都在試圖解決異步編程過程中的問題。隨著ES6新標準的到來，處理異步數據流又有了新...

Neilyo 2019-08-02 11:43 評論0 收藏0