JavaScript变量基础：定义、命名与赋值规则详解

JavaScript变量基础概念

变量本质上是用于存储数据的容器。

x=5; length=66.10;

你是否还记得学校里的代数课程？

回想代数课，你脑海中浮现的大概是类似 x=5、y=6 以及 z=x+y 这样的公式。

正如你所知，字母可以代表一个具体数值（例如 x=5），利用这些已知信息，你可以计算出 z 的结果为 11。

这应该不难理解。

在数学中，这些字母被称为变量，它们既可以存储具体数值（如 x=5），也可以存储数学表达式（如 z=x+y）。

JavaScript 中的变量概念

与代数类似，JavaScript 中的变量也用于存储数值或表达式。

你可以为变量起简短的名字（如 x），也可以使用更具描述性的名称（如 length）。

此外，JavaScript 变量还可以存储文本字符串，例如 carname="Volvo"。

变量命名规则

JavaScript 变量命名需遵循以下规则：

变量名区分大小写（y 和 Y 被视为两个完全不同的变量）。

变量名必须以字母或下划线开头。

注意：由于 JavaScript 严格区分大小写，因此变量名也必须严格区分大小写。

示例

在脚本运行期间，变量的值是可以更改的。你可以通过变量名来引用它，从而查看或修改其当前值。

以下示例展示了这一原理。

变量的声明与赋值

声明（创建）JavaScript变量

在 JavaScript 中，创建变量通常被称为“声明”变量。

你可以使用 var 关键字来声明 JavaScript 变量：

var x;
var carname;

在上述声明语句执行后，变量虽然已存在但尚未赋值。你也可以在声明的同时直接为变量赋值：

var x=5;
var carname="Volvo";

注意：当为变量赋文本字符串值时，必须使用引号将值包裹起来。

向JavaScript变量赋值

通过赋值语句可以将值赋给 JavaScript 变量：

x=5;
carname="Volvo";

在赋值语句中，等号（=）左侧是变量名，右侧是要赋给该变量的值。

执行上述语句后，变量 x 将保存数值 5，而 carname 将保存字符串 "Volvo"。 向未声明的JavaScript变量直接赋值

如果直接给一个尚未声明的变量赋值，JavaScript 会自动声明该变量。

以下语句：

x=5;
carname="Volvo";

其效果等同于：

var x=5;
var carname="Volvo";

重新声明与算术运算

重新声明JavaScript变量

如果你使用 var 再次声明一个已存在的 JavaScript 变量，该变量的原始值不会丢失。

var x=5;
var x;

执行上述语句后，变量 x 的值依然保持为 5。在重新声明该变量时，x 的现有值不会被重置或清空。

JavaScript算术运算

与代数类似，你可以在 JavaScript 中使用变量进行算术运算：

y=x-5;
z=y+5;