用Promise构造函数来解决地狱回调问题

简介

  1. Promise 是一个 构造函数,既然是构造函数, 那么,咱们就能够 new Promise() 获得一个 Promise 的实例;
  2. 在 Promise 上,有两个函数,分别叫作 resolve(成功以后的回调函数) 和 reject(失败以后的回调函数)
  3. 在 Promise 构造函数的 Prototype 属性上,有一个 .then() 方法,也就说,只要是 Promise 构造函数建立的实例,均可以访问到 .then() 方法
  4. Promise 表示一个 异步操做;每当咱们 new 一个 Promise 的实例,这个实例,就表示一个具体的异步操做;
  5. 既然 Promise 建立的实例,是一个异步操做,那么,这个 异步操做的结果,只能有两种状态:promise

    • 状态1: 异步执行成功了,须要在内部调用 成功的回调函数 resolve 把结果返回给调用者;
    • 状态2: 异步执行失败了,须要在内部调用 失败的回调函数 reject 把结果返回给调用者;
    • 因为 Promise 的实例,是一个异步操做,因此,内部拿到 操做的结果后,没法使用 return 把操做的结果返回给调用者; 这时候,只能使用回调函数的形式,来把 成功 或 失败的结果,返回给调用者;
  6. 咱们能够在 new 出来的 Promise 实例上,调用 .then() 方法,【预先】 为 这个 Promise 异步操做,指定 成功(resolve) 和 失败(reject) 回调函数;

举个例子

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的内部执行顺序

avatar

用Promise的 .then() 方法解决地狱回调

注意: Promise的 reject 部分传入的函数能够为空,便可不写文件读取失败后的操做,
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中的异常处理

状况一:在读取文件出错的部分报错,但不影响后方代码的执行异步

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执行失败,就中止运行后面的方法(catch捕获机制)函数

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);
  })
相关文章
相关标签/搜索