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实现控制经纬度显示地图与卫星
May 20 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
Angular获取手机验证码实现移动端登录注册功能
May 17 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
Jul 13 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
Dec 26 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
vue实现分页的三种效果
Jun 23 Javascript
js实现数字跳动到指定数字
Aug 25 Javascript
cypress测试本地web应用
Jun 01 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
我的论坛源代码(三)
2006/10/09 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
php+ajax实现无刷新分页
2015/11/18 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
js获取视频时长代码
2014/04/10 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
理解JavaScript的变量的入门教程
2015/07/07 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
JS排序之选择排序详解
2017/04/08 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
2019/11/12 Javascript
Python性能优化技巧
2015/03/09 Python
python读取文本中的坐标方法
2018/10/14 Python
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
5行Python代码实现图像分割的步骤详解
2020/05/25 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
2014/05/07 HTML / CSS
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
中国医药集团国药在线:国药网
2017/02/06 全球购物
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
文明家庭先进事迹材
2014/01/27 职场文书
大学运动会通讯稿
2014/01/28 职场文书
会计专业求职信
2014/08/10 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python