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 中并不常见，但专业程序员之间的约定是将其用作“私有（隐藏）”变量的开头。

JavaScript 注释 JavaScript let