无法在if/else语句中修改变量？求nav变量修改失败原因

嘿，我来帮你拆解这个常见的问题——在if/else块里改不动nav变量，绝大多数情况都是变量作用域或者变量声明类型在搞怪！下面分几种最常见的场景来解释：

1. 你在if/else内部重新声明了同名变量 #

这是最容易踩的坑！如果你在if块里用let或const重新声明了nav，就会创建一个块级作用域的局部变量，它和外部的nav完全是两个东西——你修改的是内部的局部变量，外部的自然不会变。

举个例子：

let nav = "默认导航";
if (window.innerWidth < 768) {
  // 这里用let重新声明了nav，和外面的变量没关系
  let nav = "移动端导航";
}
console.log(nav); // 输出：默认导航

解决办法：去掉内部的变量声明，直接修改外部的nav：

let nav = "默认导航";
if (window.innerWidth < 768) {
  nav = "移动端导航"; // 直接修改外部变量，没有重新声明
}
console.log(nav); // 输出：移动端导航

2. nav是用const声明的常量 #

如果nav是用const声明的，那它本身就是不可重新赋值的常量——不管在if/else里还是其他地方，直接给它赋值都会报错。

比如：

const nav = "默认导航";
if (true) {
  nav = "新导航"; // 这里会抛出 TypeError: Assignment to constant variable.
}

解决办法：

• 如果需要重新赋值nav，把const改成let；
• 如果nav是对象/数组，你可以修改它的内部属性（比如nav.title = "新标题"），只要不重新赋值整个变量就行。

3. nav的作用域被限制在其他函数/块里 #

如果nav是在某个函数内部声明的，而你的if/else在另一个函数里，那可能因为作用域链的问题，你访问的根本不是同一个变量。比如：

function initNav() {
  let nav = "初始导航";
}

function updateNav() {
  if (true) {
    nav = "更新导航"; // 这里会报错：nav is not defined
  }
}

解决办法：调整变量的作用域，让if/else能访问到正确的nav变量（比如把nav提升到共同的父作用域，或者通过返回值、闭包传递）。

你可以对照自己的代码看看是哪种情况，要是能贴出具体的代码片段，还能更精准地帮你定位问题哦！

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