数据是任何应用程序的命脉。变量是我们捕获、存储和标记这些数据以便稍后使用的方式。
仓库心智模型
想象你的电脑内存 (RAM) 是一个巨大的 亚马逊仓库。
1. 变量: 是特定货架上的特定盒子。
2. 变量名: 是你贴在盒子上的不干胶标签(例如,"userEmail")。
3. 值: 是你放进盒子里的东西(例如,"[email protected]")。
没有标签(变量名),你把数据扔进仓库就再也找不到了。
三个关键字
在现代 JavaScript (ES6+) 中,我们有创建变量的特定规则。
const (标准)
"Constant"(常量)的缩写。一旦你把数据放进这个盒子,你不能替换它。这是最安全的选择,因为它可以防止你意外覆盖重要数据。
const taxRate = 0.2;
let (变体)
仅当你确定该值稍后需要更改时(如游戏中的分数或循环计数器)才使用此项。
let score = 0;
score = 10;
score = 10;
注意: 有一个旧的关键字叫
var。不要使用它。它有奇怪的作用域规则,会导致 bug。如果你在旧教程中看到它,请将其替换为 let 或 const。赋值 vs. 相等
这是初学者最大的困惑。在数学中,= 意味着"等于"。在编程中,它意味着"设置为"。
assignment.js
javascript
let score = 100; // "将 score 设置为 100"
score = 200; // "将 score 设置为 200"
// 我们从右向左读:
// 1. 计算 score + 50 (250)
// 2. 将结果放回 'score'
score = score + 50;
console.log(score);广告
查看赞助商以支持 JS Fruggal。
安全检查:重新赋值 Const
如果我们打破规则会发生什么?专业开发者喜欢错误,因为它们确切地告诉我们需要哪里出了问题。尝试运行此代码并查看控制台中的错误消息。
error-test.js
javascript
const appName = "JS Mastery";
// 尝试运行这个
// 你会看到:"TypeError: Assignment to constant variable."
appName = "Something Else";
console.log(appName);像专业人士一样命名
代码被人类阅读的频率比被电脑阅读的频率高。我们使用一种称为 camelCase(驼峰命名法)的约定。
| 类型 | 示例 | 为什么? |
|---|---|---|
| 好 | userEmailAddress | 描述性强。小写开头。新单词大写。 |
| 坏 | UserEmailAddress | 大写开头通常意味着"类"或"组件"。 |
| 糟糕 | u, x, data | u 是什么?data 是什么?具体点! |