0Pricing
JavaScript Academy · 课时

let、const 与避免使用 var

学习 let 和 const 基础、应避免使用 var 的原因、块级作用域，以及对暂时性死区（TDZ）的温和介绍。

let、const 与避免使用 var 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 1 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 3 节课。

简介

目标：自信地使用 let 和 const，避免使用旧式的 var，并理解块级作用域和 TDZ。

  • let 与 const
  • 块级作用域
  • TDZ 安全性
let、const 与避免使用 var — 插图 1

let 与 const 基础

规则：除非计划重新赋值，否则使用 const；需要重新赋值时使用 let。

// Prefer const by default; use let when you need to reassign
const appName = "CoddyKit";   
// cannot reassign
let score = 0;                
// can reassign

score = score + 1;
console.log("App:", appName);
console.log("Score:", score);
let、const 与避免使用 var — 插图 2

为什么避免使用 var

请避免使用 var，原因如下：

  • 它具有函数作用域，而不是块级作用域。
  • 它会被提升，在声明之前读取时可能得到 undefined。
  • 它会让重构更加困难，也更难预测。
let、const 与避免使用 var — 插图 3

块级作用域演示

块级作用域有助于将变量保持在局部范围内，让代码更加整洁。

// Block scope: variables exist only inside the braces
let lives = 3;

if (true) {
  const bonus = 10;      
 // only inside this block
  let level = 2;          
// only inside this block
  console.log("Inside:", bonus, level);
}

console.log("Lives:", lives);
// The following would be ReferenceError if uncommented:
// console.log(bonus, level);
let、const 与避免使用 var — 插图 4

TDZ（安全演示）

TDZ：let/const 变量在其声明行之前无法读取；这可以避免许多错误。

// TDZ: accessing let/const before declaration throws ReferenceError
try {
  // Uncommenting next line would throw:
  // console.log(theme);   
  // ReferenceError (TDZ)
  let theme = "dark";
  console.log("Theme after declare:", theme);
} catch (e) {
  console.log("Caught:", e.message);
}
let、const 与避免使用 var — 插图 5

命名与提示

命名：

  • 数据使用清晰的名词（userName、score）。
  • 函数使用动词（computeTotal）。
  • 缩小作用域；在靠近使用位置的地方声明。
let、const 与避免使用 var — 插图 6

let 与 const 小测

快速检查：块级作用域与重新赋值。

let、const 与避免使用 var — 插图 7

总结

总结：优先使用 const，必须重新赋值时使用 let，并避免使用 var。块级作用域可以让变量保持局部性，而 TDZ 可以防止过早访问造成的错误。

let、const 与避免使用 var — 插图 8

常见问题解答

「let、const 与避免使用 var」课时是免费的吗？

是的 — 「let、const 与避免使用 var」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 3 节课。

「let、const 与避免使用 var」这节课中我会学到什么？

学习 let 和 const 基础、应避免使用 var 的原因、块级作用域，以及对暂时性死区（TDZ）的温和介绍。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 3 节。

「let、const 与避免使用 var」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. let、const 与避免使用 var
  2. 块级、函数与模块作用域及 TDZ
  3. 命名、可读性与常见陷阱
← 返回 JavaScript Academy