用Promise構(gòu)造函數(shù)來解決地獄回調(diào)問題

darryrzhong 發(fā)布于2019-08-23 13:50 / 1419人閱讀

摘要：簡(jiǎn)介是一個(gè)構(gòu)造函數(shù)，既然是構(gòu)造函數(shù)，那么，我們就可以得到一個(gè)的實(shí)例在上，有兩個(gè)函數(shù)，分別叫做成功之后的回調(diào)函數(shù)和失敗之后的回調(diào)函數(shù)在構(gòu)造函數(shù)的屬性上，有一個(gè)方法，也就說，只要是構(gòu)造函數(shù)創(chuàng)建的實(shí)例，都可以訪問到方法表示一個(gè)異步操作每當(dāng)我們一個(gè)

簡(jiǎn)介

Promise 是一個(gè) 構(gòu)造函數(shù)，既然是構(gòu)造函數(shù)，那么，我們就可以 new Promise() 得到一個(gè) Promise 的實(shí)例；

在 Promise 上，有兩個(gè)函數(shù)，分別叫做 resolve（成功之后的回調(diào)函數(shù)）和 reject（失敗之后的回調(diào)函數(shù)）

在 Promise 構(gòu)造函數(shù)的 Prototype 屬性上，有一個(gè) .then() 方法，也就說，只要是 Promise 構(gòu)造函數(shù)創(chuàng)建的實(shí)例，都可以訪問到 .then() 方法

Promise 表示一個(gè) 異步操作；每當(dāng)我們 new 一個(gè) Promise 的實(shí)例，這個(gè)實(shí)例，就表示一個(gè)具體的異步操作；

既然 Promise 創(chuàng)建的實(shí)例，是一個(gè)異步操作，那么，這個(gè) 異步操作的結(jié)果，只能有兩種狀態(tài)：

狀態(tài)1：異步執(zhí)行成功了，需要在內(nèi)部調(diào)用成功的回調(diào)函數(shù) resolve 把結(jié)果返回給調(diào)用者；

狀態(tài)2：異步執(zhí)行失敗了，需要在內(nèi)部調(diào)用失敗的回調(diào)函數(shù) reject 把結(jié)果返回給調(diào)用者；

由于 Promise 的實(shí)例，是一個(gè)異步操作，所以，內(nèi)部拿到操作的結(jié)果后，無法使用 return 把操作的結(jié)果返回給調(diào)用者；這時(shí)候，只能使用回調(diào)函數(shù)的形式，來把成功或失敗的結(jié)果，返回給調(diào)用者；

我們可以在 new 出來的 Promise 實(shí)例上，調(diào)用 .then() 方法，【預(yù)先】為這個(gè) Promise 異步操作，指定成功（resolve）和失敗（reject）回調(diào)函數(shù)；

舉個(gè)例子

const fs = require("fs")

function getFileByPaht(fpath) {
  var promise = new Promise(function (resolve, reject) {
    fs.readFile(fpath, "utf-8", (err, dataStr) => {
      if (err) return reject(err);
      resolve(dataStr);
    });
  });
  return promise;
}

getFileByPaht("./files/3.txt")
.then(function (dataStr) {
  console.log(dataStr);
}, function (err) {
  console.log(err.message);
})

Promise的內(nèi)部執(zhí)行順序

用Promise的 .then() 方法解決地獄回調(diào)

注意： Promise的 reject 部分傳入的函數(shù)可以為空，即可不寫文件讀取失敗后的操作，

getFileByPath("./files/1222.txt")
  .then(function (data) {
    console.log(data);
    return getFileByPath("./files/2.txt");
  }, 
  .then(function (data) {
    console.log(data);
    return getFileByPath("./files/3.txt");
  })
  .then(function (data) {
    console.log(data);
  })

Promise中的異常處理

情況一：在讀取文件出錯(cuò)的部分報(bào)錯(cuò)，但不影響后方代碼的執(zhí)行

getFileByPath("./files/1222.txt")
  .then(function (data) {
    console.log(data);
    return getFileByPath("./files/2.txt");
  }, function (err) {
    console.log("讀取失敗:" + err.message);
    return getFileByPath("./files/2.txt");
  })
  .then(function (data) {
    console.log(data);
    return getFileByPath("./files/3.txt");
  })
  .then(function (data) {
    console.log(data);
  })

情況二：如果前面任何的Promise執(zhí)行失敗，就停止運(yùn)行后面的方法（catch捕獲機(jī)制）

getFileByPath("./files/1222.txt")
  .then(function (data) {
    console.log(data);
    return getFileByPath("./files/2.txt");
  })
  .then(function (data) {
    console.log(data);
    return getFileByPath("./files/3.txt");
  })
  .then(function (data) {
    console.log(data);
  })
  .catch(function (err) {  
    console.log("異常捕獲: " + err.message);
  })