如何返回 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
  }
}

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

我想做的是以某种方式返回 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)