基础知识2026年1月24日星期六

变量与数据类型

计算机如何记忆事物。

广告

查看赞助商以支持 JS Fruggal。

数据是任何应用程序的命脉。变量是我们捕获、存储和标记这些数据以便稍后使用的方式。

仓库心智模型

想象你的电脑内存 (RAM) 是一个巨大的 亚马逊仓库

1. 变量: 是特定货架上的特定盒子。
2. 变量名: 是你贴在盒子上的不干胶标签(例如,"userEmail")。
3. 值: 是你放盒子里的东西(例如,"[email protected]")。

没有标签(变量名),你把数据扔进仓库就再也找不到了。

三个关键字

在现代 JavaScript (ES6+) 中,我们有创建变量的特定规则。

const (标准)

"Constant"(常量)的缩写。一旦你把数据放进这个盒子,你不能替换它。这是最安全的选择,因为它可以防止你意外覆盖重要数据。

const taxRate = 0.2;

let (变体)

仅当你确定该值稍后需要更改时(如游戏中的分数或循环计数器)才使用此项。

let score = 0;
score = 10;
注意: 有一个旧的关键字叫 var。不要使用它。它有奇怪的作用域规则,会导致 bug。如果你在旧教程中看到它,请将其替换为 letconst

赋值 vs. 相等

这是初学者最大的困惑。在数学中,= 意味着"等于"。在编程中,它意味着"设置为"

assignment.js
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
const appName = "JS Mastery";

// 尝试运行这个
// 你会看到:"TypeError: Assignment to constant variable."
appName = "Something Else"; 

console.log(appName);

像专业人士一样命名

代码被人类阅读的频率比被电脑阅读的频率高。我们使用一种称为 camelCase(驼峰命名法)的约定。

类型示例为什么?
userEmailAddress描述性强。小写开头。新单词大写。
UserEmailAddress大写开头通常意味着"类"或"组件"。
糟糕u, x, datau 是什么?data 是什么?具体点!
广告

查看赞助商以支持 JS Fruggal。