JavaScript 变量
变量是用于存储数据的容器
JavaScript 变量可以以 4 种方式声明
- 自动声明
- 使用
var
- 使用
let
- 使用
const
在这个第一个示例中,x
、y
和 z
是未声明的变量。
它们在第一次使用时自动声明
注意
在使用变量之前始终声明变量被认为是良好的编程习惯。
从这些示例中你可以猜到
- x 存储的值是 5
- y 存储的值是 6
- z 存储的值是 11
注意
var
关键字从 1995 年到 2015 年一直被用于所有 JavaScript 代码中。
let
和 const
关键字于 2015 年添加到 JavaScript 中。
var
关键字仅应在为旧浏览器编写的代码中使用。
两个变量 price1
和 price2
使用 const
关键字声明。
这些是常量值,不能更改。
变量 total
使用 let
关键字声明。
值 total
可以更改。
何时使用 var、let 或 const?
1. 始终声明变量
2. 如果值不应更改,始终使用 const
3. 如果类型不应更改(数组和对象),始终使用 const
4. 只有在不能使用 const
时才使用 let
5. 只有在必须支持旧浏览器时才使用 var
。
就像代数
就像代数一样,变量保存值
let x = 5;
let y = 6;
就像代数一样,变量用于表达式
let z = x + y;
从上面的示例中,你可以猜到总计被计算为 11。
注意
变量是用于存储值的容器。
JavaScript 标识符
所有 JavaScript **变量** 必须使用 **唯一名称** **识别**。
这些唯一名称称为 **标识符**。
标识符可以是短名称(例如 x 和 y)或更具描述性的名称(age、sum、totalVolume)。
为变量构建名称(唯一标识符)的一般规则是
- 名称可以包含字母、数字、下划线和美元符号。
- 名称必须以字母开头。
- 变量名也可以以 $ 和 _ 开头(但本教程中不会使用它)。
- 变量名区分大小写(y 和 Y 是不同的变量)。
- 保留字(如 JavaScript 关键字)不能用作变量名。
注意
JavaScript 标识符区分大小写。
赋值运算符
在 JavaScript 中,等号 (=
) 是一个“赋值”运算符,而不是一个“等于”运算符。
这与代数不同。以下在代数中没有意义
x = x + 5
然而,在 JavaScript 中,它很有意义:它将 x + 5 的值赋给 x。
(它计算 x + 5 的值并将结果放入 x 中。x 的值增加了 5。)
注意
“等于”运算符在 JavaScript 中写成 ==
。
JavaScript 数据类型
JavaScript 变量可以保存数字,如 100,以及文本值,如“John Doe”。
在编程中,文本值称为文本字符串。
JavaScript 可以处理多种类型的数据,但现在,只考虑数字和字符串。
字符串用双引号或单引号括起来。数字不带引号。
如果将数字放在引号中,它将被视为文本字符串。
声明 JavaScript 变量
在 JavaScript 中创建变量称为“声明”变量。
使用 var
或 let
关键字声明 JavaScript 变量
var carName;
或者let carName;
声明后,变量没有值(技术上它为 undefined
)。
要分配值给变量,请使用等号
carName = "Volvo";
您也可以在声明变量时为其赋值
let carName = "Volvo";
在下面的示例中,我们创建了一个名为 carName
的变量,并为其分配了值“Volvo”。
然后我们“输出”HTML 段落中 id 为“demo”的值
示例
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
亲自尝试 »
注意
在脚本开头声明所有变量是一个良好的编程实践。
一条语句,多个变量
您可以在一条语句中声明多个变量。
以 let
开头,用逗号分隔变量
声明可以跨越多行
Value = undefined
在计算机程序中,变量通常在没有值的情况下声明。该值可以是必须计算的值,也可以是稍后提供的值,例如用户输入。
没有值声明的变量的值将为 undefined
。
执行此语句后,变量 carName 的值将为 undefined
重新声明 JavaScript 变量
如果您重新声明用 var
声明的 JavaScript 变量,它不会失去其值。
执行以下语句后,变量 carName
的值仍将为“Volvo”
注意
您不能重新声明用 let
或 const
声明的变量。
这将不起作用
let carName = "Volvo";
let carName;
JavaScript 算术
与代数一样,您可以使用 JavaScript 变量进行算术运算,使用 =
和 +
等运算符
您也可以添加字符串,但字符串将被连接
还可以尝试这个
注意
如果将数字放在引号中,其余的数字将被视为字符串,并被连接。
现在尝试这个
JavaScript 美元符号 $
由于 JavaScript 将美元符号视为字母,因此包含 $ 的标识符是有效的变量名
在 JavaScript 中,美元符号并不常见,但专业程序员经常将其用作 JavaScript 库中主函数的别名。
例如,在 JavaScript 库 jQuery 中,主函数 $
用于选择 HTML 元素。在 jQuery 中,$("p");
表示“选择所有 p 元素”。
JavaScript 下划线 (_)
由于 JavaScript 将下划线视为字母,因此包含 _ 的标识符是有效的变量名
在 JavaScript 中,使用下划线并不常见,但专业程序员之间的一个约定是将其用作“私有(隐藏)”变量的别名。