如何获取JavaScript Promise的返回值并判断其布尔值？

嘿，我完全懂你的困扰——你直接把validateForm()的返回值赋值给valid然后判断=== true肯定行不通，因为validateForm()返回的是一个Promise对象，不是它最终resolved的布尔值。你看到的Promise {<pending>}就是明证：当代码执行到if判断的时候，这个Promise还处于等待状态，根本没完成，自然拿不到它的结果值。

下面给你两种最常用的解决方案，都是标准的异步处理方式：

方法一：使用.then()链式调用 #

Promise的核心特性就是通过.then()方法来接收它resolved后的结果。你可以把判断逻辑放在.then()的回调函数里：

validateForm().then(valid => {
  if (valid === true) {
    // 这里写你要执行的逻辑，比如提交表单之类的
    console.log('表单验证通过！');
  } else {
    console.log('表单验证不通过');
  }
});

这样一来，只有当Promise完成并返回结果后，回调函数才会执行，这时候valid就是你要的布尔值了。

如果validateForm()有可能抛出错误（比如进入reject状态），别忘了加上.catch()处理异常：

validateForm()
  .then(valid => {
    if (valid === true) {
      console.log('表单验证通过！');
    }
  })
  .catch(error => {
    console.error('验证过程出错了:', error);
  });

方法二：使用async/await（更像同步代码，可读性更高） #

如果你觉得链式调用看起来有点绕，async/await语法可以让异步代码看起来更像同步代码，但要注意await只能在async函数内部使用：

// 把逻辑包在一个async函数里
async function checkFormValidity() {
  try {
    // await会暂停函数执行，直到Promise完成，拿到结果
    const valid = await validateForm();
    if (valid === true) {
      console.log('表单验证通过！');
      // 执行你的后续逻辑
    }
  } catch (error) {
    // 处理Promise reject的情况
    console.error('验证出错:', error);
  }
}

// 调用这个async函数
checkFormValidity();

这种写法和同步代码的逻辑顺序几乎一致，非常直观。如果你的代码本身就在一个async函数里（比如React的组件函数、Node.js的异步处理函数），直接用await就行，不用额外包函数。

关键提醒 #

Promise是异步操作的容器，它的结果不能直接通过赋值获取，必须通过上述两种方式等待它完成后才能拿到resolved的值。这是JavaScript异步编程的核心特性，习惯之后就会觉得很顺手啦！

内容的提问来源于stack exchange，提问作者lky