javascript - 从 promise 处理程序返回 promise

Question

我有两个异步函数并返回 promise ，第一个函数的输出必须提供给第二个函数，并且必须将其包装在第三个函数中。调用者模块调用第三个函数，并且不必知道内部有两个函数。调用者代码能够捕获所有拒绝，但不会打印解析值。

代码有什么问题吗？

function firstfn(x) {
  return new Promise(function(resolve, reject) {
    if (x === 0)
      reject(new Error("not a valid num"));
    else {
      setTimeout(function() {
        console.log("successfully resolving1");
        resolve(x * 2);
      }, 500);
    }

  });
}

function secondfn(y) {
  return new Promise(function(resolve, reject) {
    if (y === 100) reject(new Error("reject from 2"));
    else {
      setTimeout(function() {
        console.log("successfully resolving2");
        resolve(y + 2);
      }, 500);
    }

  });
}

function getsecondfn(y) {
  firstfn(y)
    .then(function(response) {
      return secondfn(response);
    })
}

function caller(inp) {
  getsecondfn(inp)
    .then(res => {
      console.log(res);
    })
    .catch(function(err) {
      console.log(err);
    })
}

caller(2);

上面的代码不会打印 6，但当值为 0 或 50 时会正确拒绝。

Answer 1

问题是由 getsecondfn 引起的，因为您没有在其中返回 Promise (意味着 then 在 caller 函数不会触发)。

请参阅下面的固定演示:

function firstfn(x) {
  return new Promise(function(resolve, reject) {
    if (x === 0)
      reject(new Error("not a valid num"));
    else {
      setTimeout(function() {
        console.log("successfully resolving1");
        resolve(x * 2);
      }, 500);
    }

  });
}

function secondfn(y) {
  return new Promise(function(resolve, reject) {
    if (y === 100) reject(new Error("reject from 2"));
    else {
      setTimeout(function() {
        console.log("successfully resolving2");
        resolve(y + 2);
      }, 500);
    }

  });
}

function getsecondfn(y) {
  return firstfn(y)
    .then(function(response) {
      return secondfn(response);
    });
}

function caller(inp) {
  getsecondfn(inp)
    .then(res => {
      console.log(res);
    })
    .catch(function(err) {
      console.log(err);
    })
}

caller(2);