JavaScript如何强制Pending状态Promise完成解析后再执行主逻辑

JavaScript的异步模型不支持同步阻塞等待Promise完成，轮询检查变量的方式性能极低且会阻塞主线程导致页面卡死，完全不推荐，以下是两种标准实现方案：

你之前的写法仅在then回调中给Pkey赋值，后续逻辑还是写在回调外部，自然无法拿到异步返回的结果，直接把所有需要用到Pkey的逻辑都放在then回调内即可：

generateKey(pass, iter).then(function(Pkey) {
  // 所有需要用到Pkey的后续逻辑全部写在这里
  console.log('生成的密钥：', buf2hex(Pkey));
  // 例如调用加解密逻辑
  doEncrypt(Pkey, plainText);
}).catch(function(err) {
  // 补充异常捕获，处理密钥生成失败的场景
  console.error('密钥生成失败：', err);
});

该写法兼容所有支持Promise的运行环境，无需额外语法支持。

如果你的运行环境支持ES2017（所有现代浏览器、Node.js 7.6+版本均支持），可以用更接近同步代码写法的async/await语法，逻辑更清晰易懂：
首先需要把调用generateKey的外层函数标记为async，再用await关键字等待Promise执行完成：

// 外层函数添加async标记
async function yourMainLogic() {
  try {
    // 用await直接接收Promise resolve的结果
    const Pkey = await generateKey(pass, iter);
    // 后续可以正常使用Pkey
    console.log('生成的密钥：', buf2hex(Pkey));
    // 剩余业务逻辑正常编写即可
    // ...
  } catch (err) {
    // 捕获异步执行过程中的异常
    console.error('密钥生成失败：', err);
  }
}

// 调用主逻辑函数
yourMainLogic();

注意：await只能在标记了async的函数内部使用，如果是在全局作用域下调用，现代浏览器和Node.js也支持顶级await，可以直接写const Pkey = await generateKey(pass, iter)，但兼容性比函数内的await稍差。

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