如何在JavaScript中将诺言链接在一起

如何解决如何在JavaScript中将诺言链接在一起

我正在尝试链接Promise的序列，以便第二个诺言将在第一个诺言解决之后开始，依此类推。我不明白如何无法使其正常工作。

这是我的演示代码：

    const promise1 = new Promise((resolve,reject) => { setTimeout(resolve,5000,'a'); });
    const promise2 = new Promise((resolve,'b'); });
    const promise3 = new Promise((resolve,'c'); });

    promise1.then(val => {
      console.log('promise 1',val);
      promise2.then(val2 => {
        console.log('promise 2',val2);
        promise3.then(val3 => {
          console.log('promise 3',val3);
        });
      });
    });

所以我对这段代码的期望是这样的：

--- 5 seconds passes ---
// console outputs: 'promise 1a'
--- 5 seconds passes ---
// console outputs: 'promise 2b'
--- 5 seconds passes ---
// console outputs: 'promise 3c'

但是发生了什么：

--- 5 seconds passes ---
// console outputs: 'promise 1a'
// console outputs: 'promise 2b'
// console outputs: 'promise 3c'

为什么会这样？为什么所有三个诺言都同时触发？

解决方法

出于解释为什么它们全部同时完成的目的，我们可以忽略除promise声明之外的所有内容：

const promise1 = new Promise((resolve,reject) => { setTimeout(resolve,5000,'a'); });
const promise2 = new Promise((resolve,'b'); });
const promise3 = new Promise((resolve,'c'); });

这些promise是 HOT 创建的（即，立即调用传递给构造函数的处理程序），并且它们都是同时创建的。因此，无论随后如何使用，setTimeout都将在5秒内触发。

随后如何使用它们是偶然的，但是，为了使您的示例正常工作，最好编写在调用时 return Promise的函数。所以：

const getPromise1 = () => new Promise((resolve,reject) => {
  setTimeout(resolve,'a');
});
const getPromise2 = () => new Promise((resolve,'b');
});
const getPromise3 = () => new Promise((resolve,'c');
});

getPromise1().then((val1) => {
  console.log(val1);
  return getPromise2(); //by returning Promise,you can avoid deep nesting
}).then((val2) => {
  console.log(val2);
  return getPromise3();
}).then((val3) => {
  console.log(val3);
});

要回答评论，最好有一组参数用于馈给Promise-returning函数，然后使用async/await编写一个调用Promise-returning函数的函数。顺序

const getPromise = (v) => new Promise((resolve,v);
});

async function run(params) {
  for (const p of params) {
    const returnVal = await getPromise(p);
    console.log(returnVal);
  }
}

run(['a','b','c']);

,

承诺在声明之后立即开始，.then()函数只是一个“ onResolve”事件，即在解决承诺时调用。 要执行您想要的操作，您需要使用5、10和15秒的超时时间。

如果您希望某个仅在调用时才启动的内容，请查找RxJS。这是一个很棒的库，具有一些有用的功能来解析和链接响应。 RxJS创建 observables ，仅在订阅时启动。