当前位置:主页 > javascript教程 > 详解ES6 Promise对象then方法链式调用

ES6 Promise对象then方法链式调用代码内容

发布:2020-01-23 10:22:08 114


本站精选了一篇ES6相关的编程文章,网友范绿蓉根据主题投稿了本篇教程内容,涉及到ES6、Promise、链式调用、详解ES6 Promise对象then方法链式调用相关内容,已被396网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

详解ES6 Promise对象then方法链式调用

promise俗称链式调用,它是es6中最重要的特性之一

简单的说可以不停的then调用嵌套在调用(异步之后,链式调用方式执行回调),这种操作方式称为promise

then()方法的作用是Promise实例添加解决(fulfillment)和拒绝(rejection)状态的回调函数。then()方法会返回一个新的Promise实例,所以then()方法后面可以继续跟另一个then()方法进行链式调用。

let p = new Promise((resolve, reject) => {
  setTimeout(resolve, 1000, 'success');
});
p.then(
  res => {
    console.log(res);
    return `${res} again`;
  }
)
  .then(
    res => console.log(res)
  );
// 连续
// success
// success again

但是前一个then()方法中的回调函数中又可能返回一个Promise实例,这时候后面一个then()方法中的回调函数会等前一个Promise实例的状态发生变化才会调用。

let p = new Promise((resolve, reject) => {
  setTimeout(resolve, 1000, 'success');
});
p.then(
  res => {
    console.log(res);
    return new Promise((resolve, reject) => {
      setTimeout(resolve, 1000, 'success');
    });
  }
)
  .then(
    res => console.log(res)
  );
// 相隔1000ms
// success
// success

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。


相关文章

  • ES6语法重构React组件代码知识点

    发布:2020-01-02

    这篇文章主要介绍了利用ES6语法重构React组件的相关资料,文中通过示例代码介绍的很详细,对大家具有一定的参考借鉴价值,需要的朋友们下面来一起看看吧。


  • ES6中解构、参数、模块和记号用法介绍

    发布:2019-11-04

    这篇文章主要介绍了ES6新特性之解构、参数、模块和记号用法,结合实例形式分析了解构、参数、模块和记号的功能、用法及相关使用注意事项,需要的朋友可以参考下


  • laravel查询构造器Query Builder叠加链式调用方法示例代码

    发布:2020-03-12

    这篇文章主要给大家介绍了关于laravel技巧之查询构造器Query Builder叠加链式调用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友下


  • Java实现Promise.all()的代码实例

    发布:2019-12-05

    这篇文章主要介绍了Java实现Promise.all()的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • ES6使用Set数据结构实现数组的交集、并集、差集实例讲解

    发布:2020-01-31

    这篇文章主要介绍了ES6使用Set数据结构实现数组的交集、并集、差集功能,结合实例形式分析了ES6中Set数据结构的相关函数与实现数组交集、并集、差集的相关操作技巧,需要的朋友可以参考下


  • 深入理解ES6中的三种异步解决方式

    发布:2020-03-16

    这篇文章主要介绍了详解ES6中的三种异步解决方案,详细的介绍了这三种方案的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 实例分析ES6中module模块化开发

    发布:2020-02-09

    这篇文章主要介绍了ES6中module模块化开发,结合实例形式分析了ES6中模块化开发的相关功能、使用方法与相关注意事项,需要的朋友可以参考下


  • 实例分析ES6新特性之变量和字符串使用方法

    发布:2020-03-19

    这篇文章主要介绍了ES6新特性之变量和字符串用法,结合具体实例形式分析了ES6中变量与字符串的特性、使用方法与相关注意事项,需要的朋友可以参考下


网友讨论