異步解決方案良藥Promise

時間 2019-12-04

標籤異步解決方案良藥 promise 简体版

原文原文鏈接

異步解決方案良藥Promise

promise

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

一、狀態

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

promise.all()全部的promise對象成功纔會觸發成功的狀態，不然失敗狀態
promise.race()任意一個子promise的狀態觸發後

二、出現的緣由

咱們來經過一個例子來講明一下異步調用的問題異步

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);
                    }
                });
            }
        });
    }
});