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 相关文章推荐
javascript和jquery修改a标签的href属性
Dec 16 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
JavaScript实现DOM对象选择器
Sep 24 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
Jul 21 Javascript
Vue组件化(ref,props, mixin,.插件)详解
May 15 Vue.js
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
PHP积分兑换接口实例
2015/02/09 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
js DOM的学习笔记
2011/12/22 Javascript
js相册效果代码(点击创建即可)
2013/04/16 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
javaScript中封装的各种写法示例(推荐)
2017/07/03 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
python+Django+apache的配置方法详解
2016/06/01 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
python算法题 链表反转详解
2019/07/02 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
python dict乱码如何解决
2020/06/07 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
python简单实现插入排序实例代码
2020/12/16 Python
说出数据连接池的工作机制是什么?
2013/04/19 面试题
服务质量承诺书
2014/03/27 职场文书
奥运会口号
2014/06/13 职场文书
个人委托书范本汇总
2014/10/01 职场文书
导游词之太原天龙山
2020/01/02 职场文书
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js