当在 JavaScript 中遇到 "Uncaught ReferenceError: xxx is not defined" 异常时，这意味着执行代码时，它无法识别或找到所引用的变量或函数名。
这个错误可能是由以下几种情况导致的：
1. 变量未声明或定义
如果变量未在代码中声明或定义，JavaScript 将无法识别它。这是最常见的错误之一，可能是由于输入错误或未定义变量而导致。
console.log(x); // Uncaught ReferenceError: x is not defined
解决方法是正确声明变量或确保变量已被定义。
2. 访问函数参数之外的变量
函数的参数只能在该函数内部访问，如果尝试在函数外部访问该变量，将出现 "Uncaught ReferenceError" 异常。
function exampleFunc(x) {
console.log(y); // Uncaught ReferenceError: y is not defined
console.log(x);
}
exampleFunc(5);
解决这个问题的方法是将需要在函数内外访问的变量设置为全局变量，或者在函数内部定义它们。
3. 错误的作用域
如果变量或函数处于错误的作用域内，JavaScript 也会抛出 "Uncaught ReferenceError" 异常。
if (true) {
var x = 5;
}
console.log(x); // 5
在上面的示例中，即使在 if 语句块之外访问变量 x，也不会导致异常。这是因为 var 声明的变量具有函数作用域而不是块级作用域。如果使用 let 或 const 声明变量，则会发生块级作用域和 "Uncaught ReferenceError" 异常。
if (true) {
let x = 5;
}
console.log(x); // Uncaught ReferenceError: x is not defined
解决方法是确保在正确的作用域内声明和访问变量。
4. JavaScript 文件未正确引用
在使用外部 JavaScript 文件时，可能会发生未正确引入文件导致未定义错误的情况。
<script src="script.js"></script>
确保正确引入文件的路径和文件名都是正确的，并且文件位于相应的位置。
5. 代码顺序问题
在某些情况下，调用函数或使用变量的代码应位于相关变量或函数的定义之后。
console.log(getName()); // Uncaught ReferenceError: getName is not defined
function getName() {
return "John";
}
将函数定义移动到调用之前，或确保在代码中首先定义相关的变量。
总结
"Uncaught ReferenceError: xxx is not defined" 异常是由于代码中引用了未声明或未定义的变量或函数而导致的。要解决这个问题，可以通过检查变量或函数的定义和作用域，确保正确引入外部 JavaScript 文件，并按正确的顺序编写代码。
本文来自极简博客，作者：樱花飘落，转载请注明原文链接：解决JavaScript中的Uncaught ReferenceError: xxx is not defined异常
