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 相关文章推荐
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
jQuery固定元素插件scrolltofixed使用指南
Apr 21 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
node-sass安装失败的原因与解决方法
Sep 04 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
详解Vue This$Store总结
Dec 17 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 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
用php的ob_start来生成静态页面的方法分析
2011/03/09 PHP
php实现文件下载简单示例(代码实现文件下载)
2014/03/10 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
基于jquery自己写tab滑动门(通用版)
2012/10/30 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
小程序实现新用户判断并跳转激活的方法
2019/05/20 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
浅谈Python黑帽子取代netcat
2018/02/10 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
Python cv2 图像自适应灰度直方图均衡化处理方法
2018/12/07 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
详解Python多线程下的list
2020/07/03 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
面包店的创业计划书范文
2014/01/16 职场文书
12岁生日感言
2014/01/21 职场文书
租房协议书
2014/04/10 职场文书
就业协议书范本
2014/04/11 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
商家认证委托书格式
2014/10/16 职场文书
护士自荐信范文
2015/03/25 职场文书
清明节随笔
2015/08/15 职场文书
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
JS实现九宫格拼图游戏
2022/06/28 Javascript