JavaScript 变量
变量是存储数据的容器
JavaScript 变量可以 4 种方式声明
- 自动声明
- 使用
var - 使用
let - 使用
const
在第一个示例中，x、y 和 z 是未声明的变量。
它们在使用时自动声明
注意
始终在使用前声明变量被认为是良好的编程实践。
从示例中你可以猜到
- x 存储值 5
- y 存储值 6
- z 存储值 11
注意
从 1995 年到 2015 年，var 关键字被用于所有 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;
从上面的示例中，你可以猜到 total 的计算结果是 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 Data Types
JavaScript 变量可以存储数字，如 100，也可以存储文本值，如“John Doe”。
在编程中，文本值称为文本字符串。
JavaScript 可以处理多种数据类型，但现在，只需考虑数字和字符串。
字符串用双引号或单引号括起来。数字不带引号。
如果你将数字放在引号中，它将被视为文本字符串。
声明 JavaScript 变量
在 JavaScript 中创建一个变量称为“声明”一个变量。
你使用 var 或 let 关键字声明 JavaScript 变量
var carName;或let carName;声明后，变量没有值（技术上是 undefined）。
要将值赋给变量，请使用等号
carName = "Volvo";
您也可以在声明变量时为其赋值
let carName = "Volvo";
在下面的示例中，我们创建了一个名为 carName 的变量，并为其赋了值 “Volvo”。
然后我们在 id="demo" 的 HTML 段落中“输出”该值
示例
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
自己动手试一试 »
注意
在脚本开头声明所有变量是一种良好的编程实践。
一个语句，多个变量
你可以在一个语句中声明多个变量。
用 let 开始语句，并用逗号分隔变量
声明可以跨越多行
值 = 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 中使用下划线并不常见，但专业程序员之间的一个约定是将其用作“私有（隐藏）”变量的别名。
