局部变量提示已定义如何解决？注册页校验代码问题求助

作为计算机新生遇到这种变量声明的问题很正常，咱们一步步拆解解决：

为什么会出现「变量已定义」的提示？ #

你提到的i和j是checkName()的局部变量，但仍被提示已定义，大概率是这两种情况：

• 用var重复声明同一变量：var没有块级作用域，变量会被提升到函数顶部。比如你在函数里的第一个for循环写了var i = 0，后面又在另一个代码块里写var i，就会触发重复声明提示——本质上整个函数里只有一个i变量。
• 用let/const在同一作用域重复声明：let/const有块级作用域限制，同一作用域（函数或代码块）内不允许重复声明同名变量，否则会直接报错。

具体解决方案 #

1. 修复重复声明问题 #

如果你用的是var：

把变量声明统一放在函数顶部，后续只赋值不重复用var：

function checkName() {
  // 函数顶部集中声明所有需要的局部变量
  var n, len, no, num, i, j;
  n = document.getElementById("FullName").value;
  len = n.length;
  no = "!@#$%^&*()-_+='|][}{><./,;:?,'";
  num = "0123456789";

  if (n == "") {
    // ...你的校验逻辑
  }

  // 循环里直接赋值，不再用var
  for(i = 0; i < len; i++) {
    // ...循环校验逻辑
  }

  // 其他需要j的地方直接赋值
  j = 0;
  while(j < no.length) {
    // ...校验特殊字符的逻辑
  }
}

如果你用的是let/const（更推荐）：

利用块级作用域隔离变量，不同代码块可以独立声明同名变量，不会冲突：

function checkName() {
  const n = document.getElementById("FullName").value;
  const len = n.length;
  const no = "!@#$%^&*()-_+='|][}{><./,;:?,'";
  const num = "0123456789";

  if (n === "") {
    // ...你的校验逻辑
  }

  // 第一个循环，独立声明let i
  for(let i = 0; i < len; i++) {
    // ...校验长度或字符的逻辑
  }

  // 第二个循环，再次声明let i也没问题，属于新的块作用域
  for(let i = 0; i < no.length; i++) {
    // ...校验特殊字符的逻辑
  }
}

2. 确保变量是局部而非全局的 #

想要避免变量意外变成全局变量，记住这几点：

• 永远用let或const声明变量（优先用const，变量需要修改时用let），不要直接写i = 0;这种省略声明关键字的代码——省略关键字会让变量自动挂载到全局对象（比如浏览器的window），变成全局变量。
• 开启严格模式：在函数最顶部加上'use strict';，如果不小心创建了全局变量（漏写声明关键字），浏览器会直接抛出错误，帮你快速定位问题：

  function checkName() {
    'use strict';
    // 你的代码...
    // 如果这里写i = 0; 而没声明，会直接报错，不会变成全局变量
  }
  

• 不要在函数外部声明这些变量——只要变量是在函数内部用let/const/var声明的，就一定是局部变量（除非你刻意把它赋值给全局对象，新手尽量避免这么做）。

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