JS中如何访问其他作用域内的变量？以if块内mycolor变量为例

报错的核心原因是const声明的变量存在块级作用域限制：在if的花括号{}内部声明的变量仅在当前块内生效，外部无法访问；且const本身用于声明不可重新赋值的常量，不符合多分支修改取值的需求。

方案1：外层声明变量（适合分支逻辑复杂的场景） #

在外部作用域用支持重新赋值的let声明变量，分支内仅做赋值操作即可在外部正常访问：

// 外层声明变量，可预先设置兜底默认值
let mycolor = "gray"
if (state1 === "good") {
  mycolor = "green"
} else if (state1 === "medium") {
  mycolor = "yellow"
} else if (state1 === "functional") {
  mycolor = "red"
}

console.log(mycolor)

互斥的判断用else if串联比三个独立if效率更高，匹配到对应条件后就不会执行后续判断逻辑。

方案2：对象映射法（更简洁易维护，推荐） #

把状态和颜色的对应关系提前定义为映射对象，直接通过状态取值即可拿到对应颜色，不需要写多分支判断，后续新增状态只需修改映射表即可：

const colorMap = {
  good: "green",
  medium: "yellow",
  functional: "red"
}
// 空值合并运算符??用于设置兜底默认值，状态不匹配时返回gray
const mycolor = colorMap[state1] ?? "gray"

console.log(mycolor)

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