Skip to content

变量

了解变量是什么、如何创建，以及它们如何存储数据供程序反复使用。

你将学到

  • 变量是什么、为什么要用它
  • 如何声明和赋值
  • let、const、var 的区别
  • 变量命名的规则与约定

概念讲解

变量

变量是一个带名字的数据容器。可以把它想成一个贴了标签的盒子：你把值放进去、在盒子上写好名字，之后用名字就能取到里面的值。如果没有变量，你就得在每个用到的地方重复同一个值——一旦要改，就得找出所有副本逐一更新。

声明与赋值

在 JavaScript 中分两步（也常合并成一步）：

let score;          // 声明：创建盒子
score = 0;          // 赋值：放入值
let lives = 3;      // 声明 + 赋值一行搞定

let、const、var

  • const —— 值不能再被重新赋值。默认就用它，能防止意外修改。
  • let —— 值可以重新赋值。当值必须变化时（计数器、分数）才用它。
  • var —— 旧关键字，作用域规则令人困惑。现代代码应避免使用。

命名规则与约定

名字必须以字母、$ 或 _ 开头——不能以数字开头；不能含空格。按约定，JavaScript 使用驼峰命名：firstName、totalPrice。选能描述含义的名字，而不是描述类型：userAge 清晰，x 则不然。

好名字让代码"自文档化"。读到 const maxRetries = 3，你不需要注释就懂它的意图。

示例代码

              const productName = "Notebook";   // const: 不会变
let quantity = 2;               // let: 会变
const price = 4.99;

let total = quantity * price;   // 9.98
console.log(productName, "x", quantity, "=", total);

quantity = 5;                   // 重新赋值 let
total = quantity * price;       // 24.95
console.log(productName, "x", quantity, "=", total);

// productName = "Pen";  // ❌ 报错：const 不能重新赋值

const 创建固定绑定，let 创建可变绑定。注意改了 quantity 之后要重新计算 total——变量不会自动更新。

动手试一试

  • Case Converter

    变量保存输入文本和转换后的结果。试试给测试字符串起名字。

常见错误

错误写法

什么都用 let，连不变的值也用。

正确做法

默认用 const，确实需要重新赋值时才换 let。这样能在构建期就拦下意外修改。

错误写法

用 x、data、temp 这类含糊名字。

正确做法

按含义命名：invoiceTotal、currentUser、retryCount。未来的你会感谢现在的你。

相关资源

相关速查表

练习 变量

2 个练习

练习 变量

查阅不认识的术语

新手友好的术语表用大白话解释编程术语——变量、函数、DOM、Promise 等等。

查看术语表

动手做项目

通过引导式项目应用所学，含起始代码与解决方案。

查看项目

解读错误信息

用大白话解释常见错误——什么意思、为什么发生、如何修复。

查看错误