javascript - 如何返回SweetAlert2输入的值？

Question

这是我当前的代码

function getInput() {
  Swal.fire({
    input: "text",
  }).then((result) => {
    if (result) {
      return(result.value);
  });
}

function main() {
  if (condition) {
    const test = getInput();
  } else {
    // do something else
  }
}

我知道这是不正确的，因为它返回未定义。我尝试过寻找一堆解决方案，但我总是未定义或 promise 本身返回，不知道我应该如何获取该值。

我想要做的是以某种方式返回 SweetAlert2 输入的值，以便我可以在其他函数中使用它。

编辑

我想我基本上得到了我想做的事情。我没有将 then 处理程序放在 getInput() 中，而是将其放在 test 上，这样我就可以将其余代码放在处理程序。

function getInput() {
  return Swal.fire({
    input: "text",
  })
}

function main() {
  if (condition) {
    const test = getInput();
    test.then((result) => {
      if (result) {
        // do stuff
      }
    });
  } else {
    // do something else
  }
}

Answer 1

使用 callback 的理想用例因为您的程序不确定何时返回该值。

在 then 处理程序中，将调用回调函数，并将 input 作为参数传递。

function getInput(cb) {
  Swal.fire({
    input: "text",
  }).then((result) => {
      if (result) {
        return cb(result.value);
      });
  }
}

function main(input) {
  console.log(input);
}

getInput(main)