JavaScript实现逻辑门时xor变量未定义问题求助

• 核心是let的块级作用域特性：let声明的变量仅在其所属的{}代码块内可访问，你代码中的xor、or、and都是在if/else分支的代码块内部声明的，分支执行完成后变量就会被销毁，函数末尾的DOM操作语句无法跨块访问这些变量，因此抛出变量未定义的报错。
• 你在分支内重复用let声明同名变量的操作也属于无效逻辑，只会生成块内局部变量，不会作用到块外部。

将三个变量的声明提升到thisScript函数的最顶部，if/else分支内仅做赋值操作，不需要重复声明变量。

<!DOCTYPE html>
<html>
<body>
<p id="logic">xor: 0 or: 0 and: 0</p>
<button onclick="thisScript()">script</button>
<script>
let A = 1
let B = 1
function thisScript() {
  // 函数顶层声明变量，作用域覆盖整个函数
  let xor, or, and
  if ((A == 1 || B == 1)&& !(A == 1 && B == 1)) {
    xor = 1
  } else {
    xor = 0
  }
  if (A == 1 || B == 1) {
    or = 1
  } else {
    or = 0
  }
  if (A == 1 && B == 1) {
    and = 1
  } else {
    and = 0
  }
  document.getElementById("logic").innerHTML = `xor: ${xor} or: ${or} and: ${and}`
}
</script>
</body>
</html>

你可以直接用布尔运算配合Number()转型简化逻辑，不需要写if/else分支，代码更简洁：

function thisScript() {
  const xor = Number((A || B) && !(A && B))
  const or = Number(A || B)
  const and = Number(A && B)
  document.getElementById("logic").innerHTML = `xor: ${xor} or: ${or} and: ${and}`
}

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