博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用Promise构造函数来解决地狱回调问题
阅读量:6821 次
发布时间:2019-06-26

本文共 2170 字,大约阅读时间需要 7 分钟。

简介

  1. Promise 是一个 构造函数,既然是构造函数, 那么,我们就可以 new Promise() 得到一个 Promise 的实例;
  2. 在 Promise 上,有两个函数,分别叫做 resolve(成功之后的回调函数) 和 reject(失败之后的回调函数)
  3. 在 Promise 构造函数的 Prototype 属性上,有一个 .then() 方法,也就说,只要是 Promise 构造函数创建的实例,都可以访问到 .then() 方法
  4. Promise 表示一个 异步操作;每当我们 new 一个 Promise 的实例,这个实例,就表示一个具体的异步操作;
  5. 既然 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);  })

转载地址:http://vqrzl.baihongyu.com/

你可能感兴趣的文章
如何做外键约束
查看>>
未来十年中国可能发展为全球最大的医疗保健市场
查看>>
VR AR是下一个计算平台还是下一代互联网?
查看>>
squid
查看>>
《Cloud Native 》云原生技术汇总
查看>>
记忆sed的命令
查看>>
hybird 跨平台移动app开发
查看>>
mysql用SQLyog导入数据时报错(文件太大)
查看>>
Shell 相关技巧的总结应用(1)
查看>>
oc代码风范
查看>>
VS2010插件及快捷键持续更新
查看>>
技术栈累积
查看>>
nginx处理别人域名解析到你的ip
查看>>
jQuery的简单小结
查看>>
LNMP架构(架构介绍,mysql安装,php安装,nginx介绍)
查看>>
Linux下查看用户列表
查看>>
svn图标显示问题
查看>>
卷积神经网络在图像分割中的进化史:从R-CNN到Mask R-CNN
查看>>
OpenSSH详解
查看>>
JavaScript Tips
查看>>