在 JavaScript 中，使用 let 声明的变量具有块级作用域，即使在全局作用域中声明，其赋值行为仍受作用域链和执行时机影响；而 var 具有函数作用域和变量提升特性，更易实现预期的全局可变性。
在 javascript 中，使用 `let` 声明的变量具有块级作用域，即使在全局作用域中声明，其赋值行为仍受作用域链和执行时机影响；而 `var` 具有函数作用域和变量提升特性，更易实现预期的全局可变性。
你遇到的问题本质上不是“变量无法全局访问”，而是变量确实已被正确赋值，但你在检查时机过早或上下文不一致——例如在事件触发前就打印 chosenRating，自然得到初始值 0。不过，答案中建议改用 var 虽然能“绕过”某些严格模式下的作用域限制，但这不是推荐的现代解决方案，反而可能掩盖真正的问题。
✅ 正确做法是：保持 let 声明（推荐），确保在事件触发后读取值，并理解异步赋值时机。
let chosenRating = 0;
// 假设 ratingButtons 是一个有效的 NodeList 或数组
ratingButtons.forEach((button, index) => {
button.onclick = (e) => {
chosenRating = e.target.innerHTML; // ✅ 正确赋值到全局 let 变量
console.log('已选评分:', chosenRating); // ✅ 此处能正确输出
// 清除其他按钮选中状态
ratingButtons.forEach(btn => btn.classList.remove('selected'));
e.target.classList.add('selected');
};
});
// ❌ 错误示例：立即读取（此时尚未点击）
console.log('立即读取:', chosenRating); // 输出 0 —— 因为还没触发点击
// ✅ 正确示例：在需要时读取（如提交表单时）
document.getElementById('submitBtn').onclick = () => {
console.log('提交时的评分:', chosenRating); // ✅ 此时 guaranteed 是最新值
};⚠️ 注意事项：
- let 和 const 是 ES6 推荐的声明方式，var 存在变量提升、重复声明不报错等问题，不建议为解决此问题而降级使用 var；
- 全局 let 变量完全支持在函数内修改，只要作用域链允许（你的代码中本就满足）；
- 关键在于读取时机：必须在用户完成交互（即事件触发）之后再访问 chosenRating；
- 更健壮的做法是封装状态管理，例如使用闭包、模块或响应式状态（如配合 addEventListener + 状态回调）。
? 总结：无需改用 var。请确认：
- chosenRating 在全局作用域用 let 正确声明；
- 赋值发生在事件处理器内（你已做到）；
- 读取操作发生在事件触发之后（如点击后其他交互逻辑中）；
- 避免在脚本加载完成时立即 console.log —— 那只是初始值。
这样，你既能享受 let 的安全性，又能可靠地维护和访问全局可变状态。
