本文讲解 javascript 中实现跨函数共享变量的正确方法，重点对比局部变量与全局变量的作用域差异，并指出常见拼写错误等陷阱。
本文讲解 javascript 中实现跨函数共享变量的正确方法，重点对比局部变量与全局变量的作用域差异，并指出常见拼写错误等陷阱。
在 JavaScript 中，let 和 const 声明的变量具有块级作用域，而 var 声明的变量具有函数作用域（在全局上下文中则成为全局变量）。你遇到的问题本质是作用域隔离：getUsername() 中用 let username 声明的变量仅在其函数体内有效，离开该函数后即不可访问——这与 Python 的局部变量行为一致，但 JavaScript 并不支持类似 Python 的 global 关键字动态提升作用域。
✅ 正确做法：将变量声明提升至全局作用域（即函数外部），并在函数内直接赋值（不重复使用 let）：
// ✅ 在全局作用域声明（推荐使用 let/const，避免 var 的变量提升陷阱）
let username;
function getUsername() {
username = document.getElementById("usernameBox").value; // 赋值，非重新声明
}
function sayUsername() {
alert(username); // 注意：原文中拼写错误为 'userename' → 应为 'username'
}⚠️ 重要注意事项：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
- 拼写必须一致：sayUsername 中 alert(userename) 是典型拼写错误（多了一个 e），会导致 ReferenceError；
- 避免隐式全局：不要省略声明直接赋值（如 username = "abc"），这会创建隐式全局变量（在严格模式下直接报错），且污染全局命名空间；
- var 不推荐：虽然 var username; 也能实现全局效果，但其变量提升（hoisting）和函数作用域特性易引发意外行为，现代代码应优先使用 let/const；
- 更优替代方案：对于真实项目，建议用模块化方式管理状态（如 ES 模块导出对象、或使用 class 封装用户数据），而非依赖全局变量，以提升可维护性与可测试性。
总结：JavaScript 中“让变量在多个函数中可用”的本质是控制变量声明的位置——将其置于所有依赖函数共同可见的作用域（通常是脚本顶层），而非试图“动态提升”已声明的局部变量。这是理解 JS 作用域机制的关键一步。
立即学习“Java免费学习笔记（深入）”；
