JavaScript 变量
Javascript 变量是用于存放数据的容器,它的值可以是一个数字,也可以是一个字符,还可以是一段文本。JavaScript 中有 3 个声明变量的关键字:var、let 和 const。本节使用 var 关键字。
Javascript 变量是用于存放数据的容器,它的值可以是一个数字,也可以是一个字符,还可以是一段文本。
JavaScript 中有 3 个声明变量的关键字:var
、 let
和 const
。
本节使用 var
关键字。
JavaScript 变量
变量是存储数据的容器。
在这个例子中 x
, y
和 z
都是用 var
关键字声明的变量:
var x = 5;
var y = 6;
var z = x + y;
从上面的示例中,您可以看出:
- x 存储的值 5
- y 存储的值 6
- z 存储的值 11
就像数学中学的那样, z = x + y = 5 + 6 = 11。
JavaScript 标识符
JavaScript 变量名必须符合 JavaScript 标识符的规则:
- 变量名可以包含字母、数字、下划线和美元符号。
- 变量名必须以字母或美元符号
$
或下划线_
开头 - 变量名区分大小写
- JavaScript 保留字不能用作变量名
赋值运算符
在 JavaScript 中,等号(=
)是“赋值”运算符。
x = 5;
JavaScript 数据类型
JavaScript 变量可以包含像 100 这样的数字和像“你好”这样的文本值。
在编程中,文本值称为字符串。
JavaScript 可以处理多种类型的数据,但现在,只考虑数字和字符串。
字符串写在双引号或单引号内。数字不带引号。
如果将数字放在引号中,它将被视为文本字符串。
var pi = 3.14;
var person = "John Doe";
var answer = "Yes I am!";
声明 JavaScript 变量
在 JavaScript 中创建变量称为“声明”变量。
我们使用 var
关键字声明一个 JavaScript 变量:
var carName;
声明后,变量没有值(技术上它的值为 undefined
)。
使用等号给变量赋值:
carName = "Volvo";
还可以在声明变量时同时给变量赋值:
var carName = "Volvo";
在下面的示例中,我们创建了一个名为 carName
的变量并将值 Volvo
分配给它。然后我们将变量的值“输出”到 id="demo"
的 HTML 段落中.
<p id="demo"></p>
<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
一个语句,多个变量
还可以在一个语句中声明多个变量。
以 var
开头并用逗号分隔多个变量:
var person = "John Doe",
carName = "Volvo",
price = 200;
undefined
在 JavaScript 中,没有赋值的变量的值为 undefined
。
执行下面的语句后,变量 carName
将的值为 undefined
:
var carName;
重新声明 JavaScript 变量
如果你重新声明一个 JavaScript 变量,它不会失去它的价值。
执行下面两个语句后,变量 carName
的值还是 “Volvo”:
var carName = "Volvo";
var carName;
JavaScript 算术
与代数一样,您可以使用 JavaScript 变量进行算术运算,直接将运算结果赋值给变量 :
var x = 5 + 2 + 3;
你也可以使用 +
连接字符串:
var x = "John" + " " + "Doe"; // 结果: x = "John Doe"
也试试这个:
var x = "5" + 2 + 3;
!! 如果将数字放在引号中,则该数字将变为字符串,其余数字也被视为字符串进行连接。
现在试试这个:
var x = 2 + 3 + "5";
JavaScript 美元符号 $
请记住,JavaScript 标识符的开头必须是以下 3 种之一:
- 一个字母(AZ 或 az)
- 美元符号 (
$
) - 下划线 (
_
)
由于 JavaScript 将美元符号视为字母,因此包含 $
的标识符是有效的变量名:
var $$$ = "Hello World";
var $ = 2;
var $myMoney = 5;
在 JavaScript 中使用美元符号并不常见,但专业程序员经常使用它作为 JavaScript 库中 main 函数的别名。
例如,在 JavaScript 库 jQuery 中,main 函数 $
用于选择 HTML 元素。在 jQuery 中 $("p");
表示“选择所有 p 元素”。
JavaScript 下划线 (_)
由于 JavaScript 将下划线 _
视为字母,因此包含下划线的标识符是有效的变量名:
var _lastName = "Johnson";
var _x = 2;
var _100 = 5;
使用下划线在 JavaScript 中并不常见,但专业程序员之间的约定是将其用作“私有(隐藏)”变量的开头。