如何将SubtleCrypto生成的SHA-1哈希值赋值给变量？

你的核心问题是没搞清楚异步函数（返回Promise）的工作机制：digestMessage是async函数，调用它会返回一个Promise对象，而不是直接返回哈希值。Promise是异步操作的占位符，结果需要通过then回调或await关键字才能获取，不能像同步函数那样直接赋值给变量。

为什么你的尝试失败了 #

• Take1/Take3：then里的赋值是异步执行的，当你同步访问output时，这个赋值还没完成，所以变量看起来是空的。
• Take2：你把整个Promise对象直接赋值给了output，而不是Promise最终resolve的哈希值。

两种正确的解决方法 #

方法1：用async/await（推荐，代码更直观）

await可以让异步代码看起来像同步代码，但它只能在async函数内部使用：

async function processPassword(password) {
  // 等待Promise完成，拿到最终的哈希值
  const output = await digestMessage(password);
  
  // 在这里可以自由使用output变量
  console.log(output);
  document.getElementById("name").innerHTML = output;
  // 其他需要用到哈希值的逻辑都写在这里
}

// 调用函数
processPassword(password);

方法2：在then回调中处理所有依赖逻辑

如果不想用async/await，就把所有需要用到哈希值的代码都放在then的回调函数里——只有这里能确保你拿到的是最终的结果：

digestMessage(password).then((digestHex) => {
  const output = digestHex;
  // 所有依赖output的操作都写在这里
  console.log(output);
  document.getElementById("name").innerHTML = output;
});

关键提示 #

异步操作的结果无法在同步代码中直接获取，所有依赖这个结果的逻辑必须等待异步操作完成后再执行——要么放在then回调里，要么放在await之后的代码块中。

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