时间戳

首页 > 解决方案 > 如何在 JS 中嵌套 Promise 并在不同时间解决它们？

javascript - 如何在 JS 中嵌套 Promise 并在不同时间解决它们？

问题描述

我认为通过运行数字 1、2 和 4 下面的代码会在 1 秒内依次出现在屏幕上。但它们同时出现。

由于我的嵌套解析在 a 内setTimeout()，它们不应该只在前一个解析后一秒被解析吗？

var test = document.getElementById("test");

new Promise(function(resolve, reject) {
  setTimeout(() => resolve(1), 1000);
}).then(result => {
  test.innerHTML += result + "<br>";
  return new Promise(function(resolve, reject) {
    setTimeout(() => resolve(result * 2, 2000));
  });
}).then(result => {
  test.innerHTML += result + "<br>";
  return new Promise(function(resolve, reject) {
    setTimeout(() => resolve(result * 2, 3000));
  });
}).then(result => {
  test.innerHTML += result;
});

标签： javascriptasynchronouspromisesettimeoutes6-promise

解决方案

为 setTimeout 正确传递第二个参数

new Promise(function(resolve, reject) {
  setTimeout(() => resolve(1), 1000);
}).then(result => {
  console.log(result)
  return new Promise(function(resolve, reject) {
    setTimeout(() => resolve(result * 2),2000);
  });
}).then(result => {
 console.log(result)
  return new Promise(function(resolve, reject) {
    setTimeout(() => resolve(result * 2),3000);
  });
}).then(result => {
  console.log(result)
});

推荐阅读