ReferenceError: xxx is not defined错误源于变量未声明、作用域越界、声明滞后（let/const）、拼写错误或脚本加载顺序不当；需依堆栈定位、查声明位置、核对大小写、确认作用域及加载时机。
JavaScript 中变量未定义就直接使用，最常见报错是 ReferenceError: xxx is not defined。这类错误通常发生在访问一个根本没声明、或声明在作用域外、或声明在使用之后（且非函数声明）的变量时。排查关键在于定位「谁没定义」和「为什么找不到」。
检查变量是否真的声明了
很多情况下只是拼写错误或漏写了 let/const/var：
- 确认变量名大小写完全一致（
userName≠username） - 检查是否误用了赋值符
=代替声明，比如写了count = 0却没写let count = 0 - 注意
const和let不会变量提升，不能在声明前访问；而var虽有提升，但值为undefined，不会报ReferenceError（这点容易混淆）
确认作用域是否正确
变量只在声明它的作用域（函数、块、模块）内有效：
- 函数内部用
let声明的变量，在函数外访问会报错 -
for循环中用let声明的变量，只在循环体内可访问 - ES6 模块中，未用
export导出的变量，在其他文件里无法访问，即使已import该模块也不行
检查执行时机和脚本加载顺序
尤其在 HTML 中直接写 <script> 时容易出问题：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
- 脚本在 DOM 元素之前执行，却去访问
document.getElementById('xxx')返回null，再对null取属性会报TypeError（不是ReferenceError，但常被误认为“未定义”） - 多个
<script>标签中，后一个脚本依赖前一个脚本定义的变量，但加载顺序被打乱（如加了async或defer未合理配置） - 推荐把脚本放在
</body>前，或监听DOMContentLoaded，或使用defer
利用开发者工具快速定位
浏览器控制台不只显示错误，还能帮你缩小范围：
- 看报错堆栈（Stack Trace），点开文件链接直接跳到出错行
- 在疑似出错行上方加
console.log(typeof xxx)—— 如果输出"undefined"，说明变量存在但值是undefined；如果报ReferenceError，才真是没声明 - 在控制台手动输入变量名回车，看是否报错，可验证当前作用域下是否存在
- 启用断点调试：在出错行打上断点，执行到此时查看作用域面板（Scope panel）里有哪些变量，哪些缺失
不复杂但容易忽略。多数时候，打开控制台看一眼报错位置和堆栈，再顺藤摸瓜查声明和作用域，就能很快解决。
