ES6之Promise

qc1iu 發(fā)布于2019-06-26 17:13 / 1275人閱讀

摘要：什么是使用有什么優(yōu)勢(shì)是異步編程的一種解決方案，優(yōu)勢(shì)是可以避免層層嵌套的回調(diào)。代表一個(gè)異步操作，有三種狀態(tài)進(jìn)行中已完成，又稱(chēng)和已失敗。當(dāng)請(qǐng)求數(shù)據(jù)成功時(shí)，通過(guò)對(duì)外傳遞請(qǐng)求結(jié)果。

1.什么是promise?使用promise有什么優(yōu)勢(shì)?

promise是異步編程的一種解決方案，優(yōu)勢(shì)是可以避免層層嵌套的回調(diào)。

2.產(chǎn)生背景：
在promise出現(xiàn)之前，你肯定寫(xiě)過(guò)這樣的代碼：

$.ajax({
    url1: "......",
    success: function (data1) {
        $.ajax({
            url2: "......",
            success: function (data2) {
               ... //data2的某些操作依賴(lài)于data1
            }
        });
    }
});

上述代碼中，如果還有data3依賴(lài)于data2,那么上述代碼將會(huì)存在更深層次的嵌套，promise的出現(xiàn)就是解決這些嵌套帶來(lái)的不優(yōu)雅和低可讀性等問(wèn)題。

3.promise使用介紹

promise是一個(gè)對(duì)象，從這個(gè)對(duì)象中我們可以獲取異步操作的結(jié)果。
promise代表一個(gè)異步操作，有三種狀態(tài)：
Pending（進(jìn)行中）、Resolved（已完成，又稱(chēng) Fulfilled）和Rejected（已失敗）。

創(chuàng)建一個(gè)promise:

var promise = new Promise(function(resolve,reject){
    ...some code, such as http request
    if(success){
        resolve(data);   //異步請(qǐng)求成功時(shí)，通過(guò)resolve向外傳遞結(jié)果
    } else {
        reject(error);   //異步請(qǐng)求失敗時(shí)，通過(guò)reject向外傳遞結(jié)果
    }
});

簡(jiǎn)單使用案例：

var MongoClient = require("mongodb").MongoClient;

var getData = function(url){
    var promise = new Promise(function(resolve,reject){
    MongoClient.connect(url, function(err, db){
        if(db){
             var collection = db.collection("users");
             collection.find({}).toArray(function(err,docs){
                resolve(docs);
             });
        }
        if(err){
            reject(err);
        }
    });
    });
    return promise;
}

getData("mongodb://localhost:27017/zuckjet").then(function(data){
    console.log(data);
},function(err){
    console.log(err);
});

上述代碼中，首先創(chuàng)建了一個(gè)函數(shù)getData,該函數(shù)返回一個(gè)promise實(shí)例。在該promise實(shí)例中，執(zhí)行的異步操作代碼是訪問(wèn)本地mongodb數(shù)據(jù)庫(kù)數(shù)據(jù)。當(dāng)請(qǐng)求數(shù)據(jù)成功時(shí)，通過(guò)resolve對(duì)外傳遞請(qǐng)求結(jié)果。當(dāng)請(qǐng)求失敗時(shí)，通過(guò)reject對(duì)外傳遞錯(cuò)誤信息。
promise.then()接受兩個(gè)回調(diào)函數(shù)作為參數(shù)，第一個(gè)回調(diào)函數(shù)接收的是請(qǐng)求成功時(shí)的數(shù)據(jù)，即上述代碼中resolve(docs)中的doc，第二個(gè)回調(diào)函數(shù)接收的是請(qǐng)求失敗時(shí)的信息，即上述代碼中reject(err)中的err。