文章目录
JavaScript 变量
变量是用于存储数据的容器
JavaScript 变量可以通过 4 种方式声明：
- 自动
- 使用 var
- 使用 let
- 使用 const
在此第一个示例中，x、y 和 z 是未声明的变量。
它们在首次使用时会自动声明：
示例
x = 5;
y = 6;
z = x + y;
注意
在使用之前始终声明变量被认为是良好的编程习惯。
从示例中您可以猜出：
x 存储值 5
y 存储值 6
z 存储值 11
使用 var 的示例
var x = 5;
var y = 6;
var z = x + y;
注意
从 1995 年到 2015 年，所有 JavaScript 代码都使用了 var 关键字。
let 和 const 关键字于 2015 年添加到 JavaScript 中。
var 关键字只应用于为旧版浏览器编写的代码。
使用 let 的示例
let x = 5;
let y = 6;
let z = x + y;
使用 const 的示例
const x = 5;
const y = 6;
const z = x + y;
混合示例
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
两个变量 price1 和 price2 用 const 关键字声明。
它们是常量值，不能更改。
变量 total 用 let 关键字声明。
值 total 可以更改。
何时使用 var、let 或 const？
-
始终声明变量
-
如果值不应更改，则始终使用 const
-
如果类型不应更改（数组和对象），则始终使用 const
-
仅在无法使用 const 时才使用 let
-
仅在必须支持旧浏览器时才使用 var。
就像代数一样
就像在代数中一样，变量保存值：
let x = 5;
let y = 6;
就像在代数中一样，变量用于表达式：
let z = x + y;
从上面的示例中，您可以猜出总数计算为 11。
注意
变量是用于存储值的容器。
JavaScript 标识符
所有 JavaScript 变量都必须用唯一名称标识。
这些唯一名称称为标识符。
标识符可以是短名称（如 x 和 y）或更具描述性的名称（年龄、总和、总体积）。
构造变量名称（唯一标识符）的一般规则是：
-
名称可以包含字母、数字、下划线和美元符号。
-
名称必须以字母开头。
-
名称也可以以 $ 和 _ 开头（但在本教程中我们不会使用它）。
-
名称区分大小写（y 和 Y 是不同的变量）。
-
保留字（如 JavaScript 关键字）不能用作名称。
注意
JavaScript 标识符区分大小写。
赋值运算符
在 JavaScript 中，等号 (=) 是“赋值”运算符，而不是“等于”运算符。
这与代数不同。以下在代数中没有意义：
x = x + 5
然而，在 JavaScript 中，它完全有意义：它将 x + 5 的值赋给 x。
（它计算 x + 5 的值并将结果放入 x。x 的值增加 5。）
注意
“等于”运算符在 JavaScript 中写为 ==。
JavaScript 数据类型
JavaScript 变量可以保存数字（如 100）和文本值（如“John Doe”）。
在编程中，文本值称为文本字符串。
JavaScript 可以处理多种类型的数据，但现在，只考虑数字和字符串。
字符串写在双引号或单引号内。数字不用引号。
如果将数字放在引号中，它将被视为文本字符串。
示例
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
声明 JavaScript 变量
在 JavaScript 中创建变量称为“声明”变量。
使用 var 或 let 关键字声明 JavaScript 变量：
var carName;
或：
let carName;
声明后，变量没有值（从技术上讲，它是未定义的）。
要为变量赋值，请使用等号：
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 开头，变量之间用逗号分隔：
示例
let person = "John Doe", carName = "Volvo", price = 200;
声明可以跨越多行：
示例
let person = "John Doe",
carName = "Volvo",
price = 200;
值 = undefined
在计算机程序中，变量声明时通常不带值。值可以是需要计算的内容，也可以是稍后提供的内容，例如用户输入。
声明时不带值的变量的值将为 undefined。
执行此语句后，变量 carName 的值将为 undefined：
示例
let carName;
重新声明 JavaScript 变量
如果重新声明使用 var 声明的 JavaScript 变量，它不会丢失其值。
变量 carName 将执行这些语句后，仍然具有值“Volvo”：
示例
var carName =“Volvo”;
var carName;
注意
您不能重新声明使用 let 或 const 声明的变量。
这将不起作用：
let carName =“Volvo”;
let carName;
JavaScript 算术
与代数一样，您可以使用 JavaScript 变量进行算术运算，使用 = 和 + 等运算符：
示例
let x = 5 + 2 + 3;
您还可以添加字符串，但字符串将被连接：
示例
let x =“John”+“”+“Doe”;
也试试这个：
示例
let x =“5”+2 + 3;
注意
如果您将数字放在引号中，其余数字将被视为字符串并连接起来。
现在试试这个：
示例
let x = 2 + 3 +“5”;
JavaScript 美元符号 $
由于 JavaScript 将美元符号视为字母，因此包含 $ 的标识符是有效的变量名：
示例
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
在 JavaScript 中使用美元符号并不常见，但专业程序员经常将其用作 JavaScript 库中主函数的别名。
例如，在 JavaScript 库 jQuery 中，主函数 $ 用于选择 HTML 元素。在 jQuery 中 $(“p”); 表示“选择所有 p 元素”。
JavaScript 下划线 (_)
由于 JavaScript 将下划线视为字母，因此包含 _ 的标识符是有效的变量名：
示例
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
在 JavaScript 中使用下划线并不常见，但专业程序员之间的惯例是将其用作“私有（隐藏）”变量的别名。
总结
本文介绍了JavaScript 变量的使用，如有问题欢迎私信和评论