Promise 多个Then连续使用

最新推荐文章于 2024-03-12 15:14:16 发布

龙行天下01

最新推荐文章于 2024-03-12 15:14:16 发布

阅读量2.6k

点赞数

分类专栏： GIS es6 文章标签： javascript 前端 vue.js

原文链接：https://blog.csdn.net/qq_43984284/article/details/109379391

版权

GIS 同时被 2 个专栏收录

46 篇文章 9 订阅

订阅专栏

es6

25 篇文章 1 订阅

订阅专栏

方案一:直接返回值

new Promise(function(resolve, reject) {

      setTimeout(() => resolve(1), 1000); // (*)

    }).then(function(result) { // (**)

      alert(result); // 1
      return result * 2;

    }).then(function(result) { // (***)

      alert(result); // 2
      return result * 2;

    }).then(function(result) {

      alert(result); // 4
      return result * 2;

    });

方案二:返回promise作为结果

new Promise(function(resolve, reject) {

  setTimeout(() => resolve(1), 1000);

}).then(function(result) {

  alert(result); // 1

  return new Promise((resolve, reject) => { // (*)
    setTimeout(() => resolve(result * 2), 1000);
  });

}).then(function(result) { // (**)

  alert(result); // 2

  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(result * 2), 1000);
  });

}).then(function(result) {

  alert(result); // 4

});