承诺 - `then()` 不能按预期工作

Question

我确实有 2 个功能。我正在使用then() 方法链接promise。但我试图在第一个承诺发生后启动second 函数。但现在第二个函数调用为第一个。如何解决这个问题？

或者我的代码有什么问题？

这是我的尝试：

var getData = function(){
    return new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve(42); //consoles as second
    }, 5000);
  })
}

var getDataMoreData = function(){
    return new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve(43); //consoles as first
    }, 3000);
  })
}



getData().then((data)=> console.log('Data', data)).then(getDataMoreData().then((data)=> console.log('data--', data )));

Live Demo

Answer 1

.then 接受 函数 作为参数。当你这样做时

.then(getDataMoreData()
  .then((data) => console.log('data--', data))
);

，它立即调用getDataMoreData()（期望它会返回一个可以放入promise链的函数）。但是getDataMoreData 没有返回一个函数——它返回一个promise。

在then 中立即调用 的任何函数都会立即执行，因为它会尝试构建.then 承诺链。只需在then 中列出函数变量，而不是调用它：

var getData = function() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(42); 
    }, 500);
  })
}

var getDataMoreData = function() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(43); 
    }, 300);
  })
}



getData()
  .then((data) => console.log('Data', data))
  .then(getDataMoreData)
  .then((data) => console.log('data--', data));