node.js Promise对象的使用方法实例分析


Posted in Javascript onDecember 26, 2019

本文实例讲述了node.js Promise对象的使用方法。分享给大家供大家参考,具体如下:

Promise对象是干嘛用的?

将异步操作以同步操作的流程表达出来

一、Promise对象的定义

let flag = true;
const hello = new Promise(function (resolve, reject) {
  if (false) {//异步操作成功
    resolve("success");
  } else {
    reject("error");
  }
});

二、链式调用-then方法

使用then方法调用,第一个参数是成功回调,第二个参数是失败回调,如下

hello.then(
  function (value) {
    console.log(value)
  },
  function (err) {
    console.log(err)
  }
);

下面我们分别定义三个方法,参数为延时执行的秒数

  1. chenqionghe
  2. get
  3. muslce
function chenqionghe(second) {
  return new Promise((resolve, reject) => {
    setTimeout(function () {
      console.log("chenqionghe");
      resolve();
    }, second * 1000);
  })
}
function get(second) {
  return new Promise((resolve, reject) => {
    setTimeout(function () {
      console.log("get");
      resolve()
    }, second * 1000);
  })
}
function muscle(second) {
  return new Promise((resolve, reject) => {
    setTimeout(function () {
      console.log("muscle");
      resolve();
    }, second * 1000);
  })
}

调用如下

chenqionghe(3)
  .then(function () {
    return get(2)
  })
  .then(function () {
    return muscle(1)
  });

运行输出

chenqionghe
get
muscle

这样就实现了链式的调用,相当于同步的方式执行了

如果不使用then调用,会发生什么情况?如下

chenqionghe(3);
get(2);
muscle(1);

结果如下

muscle
get
chenqionghe

我们看到chenqionghe虽然是第一个执行,却是最后输出内容,因为设置了3秒后执行

重点:

  1. Promise 对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch语句捕获。
  2. 一般来说,不要在then方法里面定义 Reject 状态的回调函数(即then的第二个参数),总是使用catch方法。

三、捕获异常-catch

chenqionghe(3)
  .then(function () {
    return get(2)
  })
  .then(function () {
    throw new Error("abc");
    return muscle(1)
  })
  .catch(function (e) {
    console.log("异常:" + e.message)
  })
;

输出

chenqionghe
get
异常:abc

异常本质也是一个Promise,所以后面还可以执行then

chenqionghe(3)
  .then(function () {
    return get(2)
  })
  .then(function () {
    throw new Error("abc");
    return muscle(1)
  })
  .catch(function (e) {
    console.log("异常:" + e.message)
  })
  .then(function () {
    console.log("异常后执行")
  })
;

运行输出

chenqionghe
get
异常:abc
异常后执行

四、收尾执行-finally

就是不管怎么样,都会执行的方法,即使是抛异常了

chenqionghe(3)
  .then(function () {
    return get(2)
  })
  .then(function () {
    throw new Error("abc");
    return muscle(1)
  })
  .catch(function (e) {
    console.log("异常:" + e.message)
  })
  .finally(function () {
    console.log("最后都会执行的方法")
  })
;

执行输出

chenqionghe
get
异常:abc
最后都会执行的方法

finally本质上也是then方法的特例

五、其他方法

all

用于将多个promise实例包装成一个新的promise实例

const p = Promise.all([p1, p2, p3]);
  1. 当p1、p2、p3都执行功能,会调用p的回调函数,传p1、p2、p3返回值的一个数组
  2. 当p1、p2、p3其中有一个执行reject,第一个执行reject方法的返回值会传递给p的回调函数

race

类似all,也将多个promise实例包装成一个新的promise实例

不同的是,要p1、p2、p3之中有一个实例发生改变,最先改变的 Promise 实例的返回值会传递给p的回调函数。

resolve

将现有对象转为 Promise 对象

Promise.resolve('foo')
// 等价于
new Promise(resolve => resolve('foo'))

reject

返回一个新的 Promise 实例,该实例的状态为rejected

const p = Promise.reject('出错了');
// 等同于
const p = new Promise((resolve, reject) => reject('出错了'))

希望本文所述对大家node.js程序设计有所帮助。

Javascript 相关文章推荐
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
Sep 10 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
JavaScript学习总结之JS、AJAX应用
Jan 29 Javascript
Vue响应式原理详解
Apr 18 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
Angular2实现组件交互的方法分析
Dec 19 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
vue项目中锚点定位替代方式
Nov 13 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
Javascript实现简易天数计算器
May 18 Javascript
js回调函数仿360开机
Dec 26 #Javascript
js仿360开机效果
Dec 26 #Javascript
element-ui中按需引入的实现
Dec 25 #Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 #Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 #jQuery
解决Vue 刷新页面导航显示高亮位置不对问题
Dec 25 #Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 #Javascript
You might like
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
php实现的css文件背景图片下载器代码
2014/11/11 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP 实现从数据库导出到.csv文件方法
2017/07/06 PHP
yii2的restful api路由实例详解
2019/05/14 PHP
PHP实现简单登录界面
2019/10/23 PHP
JS BASE64编码 window.atob(), window.btoa()
2021/03/09 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
使用RequireJS优化JavaScript引用代码的方法
2015/07/01 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
vue实现多个元素或多个组件之间动画效果
2018/09/25 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
降低python版本的操作方法
2020/09/11 Python
了解AppleTalk协议吗
2014/04/01 面试题
百度软件工程师职位
2013/02/14 面试题
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
自主招生自荐书
2013/11/29 职场文书
个性大学生自我评价
2013/12/04 职场文书
建筑人员岗位职责
2013/12/25 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
学生安全承诺书
2014/05/22 职场文书
趣味运动会策划方案
2014/06/02 职场文书
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
社区好人好事材料
2014/12/26 职场文书
地球上的星星观后感
2015/06/02 职场文书
中秋晚会致辞
2015/07/31 职场文书
遗嘱范文
2015/08/07 职场文书
2019暑期安全倡议书!
2019/06/27 职场文书
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript