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 相关文章推荐
JS定义回车事件(实现代码)
Jul 08 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
JavaScript中通过提示框跳转页面的方法
Feb 14 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
Apr 21 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
vue.js语法及常用指令
Oct 29 Javascript
iView框架问题整理小结
Oct 16 Javascript
纯javascript实现选择框的全选与反选功能
Apr 08 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 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
讲解WordPress中用于获取评论模板和搜索表单的PHP函数
2015/12/28 PHP
javascript document.referrer 用法
2009/04/30 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
jquery预览图片实现鼠标放上去显示实际大小
2014/01/16 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
vue监听用户输入和点击功能
2019/09/27 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
python获取文件版本信息、公司名和产品名的方法
2014/10/05 Python
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
pandas.cut具体使用总结
2019/06/24 Python
python 接口实现 供第三方调用的例子
2019/08/13 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
python时间time模块处理大全
2020/10/25 Python
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
竞赛口号大全
2014/06/16 职场文书
记账会计岗位职责
2014/06/16 职场文书
公司经营目标责任书
2015/01/29 职场文书
生鲜超市—未来中国最具有潜力零售业态
2019/08/02 职场文书
Mysql Show Profile
2021/04/05 MySQL
windows安装python超详细图文教程
2021/05/21 Python
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js
vue-router中hash模式与history模式的区别
2021/06/23 Vue.js
关于MySQL中的 like操作符详情
2021/11/17 MySQL
TV动画《间谍过家家》公开PV
2022/03/20 日漫
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js