正在加载...
JavaScript 变量
注释你已经见过了：给人看的备注，不是给程序存数据的地方。现在轮到变量——带名字的盒子，用来保存值，免得反复重写同一个数字或文字。
什么是 JavaScript 变量？如何声明？
变量是保存值的名字。用 let 或 const 创建名字（声明），再用 = 放入值。之后调用名字，而不必重复写值本身。以后可能改动就用 let；第一次赋值后应保持不变就用 const。旧示例里有时会看到 var；本课程的初学者代码用 let 和 const 就够了，也更推荐。
选哪个关键字？
📊 初学者如何选择 let、const 或 var
| 关键字 | 示例 | 初学者建议 |
|---|---|---|
let |
let score = 10; |
创建名字；之后可以赋新值 |
const |
const city = "Oslo"; |
创建名字；第一次赋值后不要再赋 |
var |
var old = 1; |
旧写法；能用，但本课请用 let / const |
符号 = |
score = 15; |
把值放进已经用 let 声明的名字 |
| 读取名字 | console.log(score); |
取出已保存的值——名字代替数据 |
用 let 创建并查看值
let 创建名字。第一个 = 把值放进去。再用 console.log 在控制台查看。
let greeting = "Hello";
console.log(greeting);
用 const 创建
const 也会保存值；把对该名字的第一次赋值当作最终值。
const course = "JavaScript";
console.log(course);
修改 let 的值
用 let 可以再次写 =。名字不变，变的是盒子里的内容。
let score = 10;
score = 15;
console.log(score);
控制台显示 15——后面的赋值替换了 10。
先声明名字，再赋值
有时只写 let status;，下一行再赋值。里面还没有东西时，别把它当成已经有有用值来用。
let status;
status = "Ready";
console.log(status);
一个表达式里的两个名字
名字可以出现在表达式里。引擎读取每个已存的值，再算出结果。
let a = 2;
let b = 3;
console.log(a + b);
把变量值显示到页面上
把文字存在变量里，再把该名字交给 textContent。只改变量里的字符串并刷新页面，标题就会更新。
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>
标题显示 message 里的内容。变量是可复用的容器；DOM 那一行只是把结果放到页面上——这是你已经练过的技能。
自己动手
- 用字符串形式的姓名创建一个
let，打印，再赋另一个字符串并再次打印。 - 为城市名创建一个
const并打印。不要重新赋值；若尝试会报错——删掉那一行。 - 写
let total;，下一行total = 5;，再打印total。 - 用
let建两个数字，用+打印它们的和。 - 在 HTML 示例里只改
message的字符串，刷新并检查标题。
常见错误
- 在声明之前（或还没有有用值时）就使用名字
- 写
const score = 1;再写score = 2;——const会拒绝 - 只把数字写在注释里，却指望程序「记住」——注释不是存储
- 以为每个例子都必须用
var——本课更推荐let和const - 非法或易混的名字（空格、以数字开头）——到语法课复习标识符规则
小结
- 变量是保存可复用值的命名容器
- 用
let或const声明，用=赋值 - 用
let可重新赋值；第一次赋值后保持const不变 - 初学者代码优先
let和const，少用旧的var - 下一课：数据类型——变量可以保存哪些种类的值
🧠 测试您的知识
准备开始
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
7
问题
70%
及格要求
∞
时间
∞
尝试次数
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部