promise-chaining 链式 promise

最新推荐文章于 2024-09-29 11:29:55 发布

Think Spatial 空间思维

最新推荐文章于 2024-09-29 11:29:55 发布

阅读量125

点赞数 1

分类专栏： JavaScript 文章标签： promise javascript html5 node.js vue.js

本文链接：https://blog.csdn.net/DomicZhong/article/details/118406539

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

参考
https://javascript.info/promise-chaining

正确示例

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

});

链式执行

错误示例

let promise = new Promise(function(resolve, reject) {
  setTimeout(() => resolve(1), 1000);
});

promise.then(function(result) {
  alert(result); // 1
  return result * 2;
});

promise.then(function(result) {
  alert(result); // 1
  return result * 2;
});

promise.then(function(result) {
  alert(result); // 1
  return result * 2;
});