JavaScript 变量
声明 JavaScript 变量的 4 种方法:
- 使用
var
- 使用
let
- 使用
const
- 不使用任何东西
什么是变量?
变量是存储数据(存储数据值)的容器。
在此示例中, x
, y
, 和 z
,是变量,用 var
关键词:
在此示例中, x
, y
, 和 z
,是变量,用 let
关键词:
在此示例中, x
, y
, 和 z
,是未声明的变量:
从以上所有例子中,您可以猜测:
- x 存储值 5
- y 存储值 6
- z 存储值 11
何时使用 JavaScript var?
始终使用以下方式声明 JavaScript 变量 var
,let
, 或者const
.
这 var
关键字在 1995 年至 2015 年的所有 JavaScript 代码中都有使用。
这 let
和const
关键字于 2015 年被添加到 JavaScript 中。
如果你希望你的代码在旧版浏览器中运行,你必须使用 var
.
何时使用 JavaScript const?
如果你想要一个一般规则:总是用以下方式声明变量 const
.
如果你认为变量的值可以改变,请使用 let
.
在此示例中, price1
, price2
, 和 total
,是变量:
两个变量 price1
和price2
声明为const
关键词。
这些是常量值,无法改变。
变量 total
声明为let
关键词。
这是一个可以改变的值。
就像代数一样
就像在代数中一样,变量保存值:
设 x = 5;
令 y = 6;
就像在代数中一样,变量用于表达式中:
让 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 中创建变量称为“声明”变量。
你可以使用以下代码声明 JavaScript 变量 var
或者let
关键词:
var 汽车名称;
或者: 让汽车名称;
声明之后,变量没有值(技术上来说 undefined
).
到 分配 给变量赋值,使用等号:
汽车名称 = “沃尔沃”;
您还可以在声明变量时为其赋值:
让 carName = "Volvo";
在下面的例子中,我们创建一个名为 carName
并为其分配值“Volvo”。
然后我们在 id="demo" 的 HTML 段落中“输出”该值:
例子
<p id="demo"></p>
<script>
让 carName = "Volvo";
document.getElementById("demo").innerHTML = 汽车名称;
</script>
亲自尝试 »
笔记
在脚本开头声明所有变量是一种很好的编程习惯。
一个声明,多个变量
您可以在一个语句中声明多个变量。
以以下语句开头 let
并将变量分为逗号:
声明可以跨越多行:
值 = 未定义
在计算机程序中,变量通常声明时不带值。值可以是需要计算的内容,也可以是稍后提供的内容,例如用户输入。
声明时未指定值的变量将具有值 undefined
.
变量 carName 的值将为 undefined
执行该语句后:
重新声明 JavaScript 变量
如果你重新声明一个用 var
,它就不会失去其价值。
变量 carName
执行这些语句后仍然具有值“Volvo”:
笔记
您不能重新声明使用 let
或者const
.
这不会起作用:
让 carName = "Volvo";
让汽车名称;
JavaScript 算术
与代数一样,你可以使用 JavaScript 变量进行算术运算,使用以下运算符 =
和+
:
您还可以添加字符串,但字符串会被连接起来:
也可以尝试这个:
笔记
如果将数字放在引号中,其余数字将被视为字符串并连接起来。
现在尝试一下:
JavaScript 美元符号 $
由于 JavaScript 将美元符号视为字母,因此包含 $ 的标识符是有效的变量名:
在 JavaScript 中,使用美元符号并不常见,但专业程序员经常将其用作 JavaScript 库中主要函数的别名。
例如,在 JavaScript 库 jQuery 中,main 函数 $
用于选择 HTML 元素。在 jQuery 中$("p");
意思是“选择所有 p 元素”。
JavaScript 下划线 (_)
由于 JavaScript 将下划线视为字母,因此包含 _ 的标识符是有效的变量名:
在 JavaScript 中使用下划线并不常见,但专业程序员的惯例是将其用作“私有(隐藏)”变量的别名。