JavaScript 变量

Javascript 变量是用于存放数据的容器,它的值可以是一个数字,也可以是一个字符,还可以是一段文本。JavaScript 中有 3 个声明变量的关键字:var、let 和 const。本节使用 var 关键字。

Javascript 变量是用于存放数据的容器,它的值可以是一个数字,也可以是一个字符,还可以是一段文本。

JavaScript 中有 3 个声明变量的关键字:varletconst

本节使用 var 关键字。

JavaScript 变量

变量是存储数据的容器。

在这个例子中 xyz 都是用 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 中并不常见,但专业程序员之间的约定是将其用作“私有(隐藏)”变量的开头。