JavaScript 变量可以通过 4 种方式声明:
var
let
const
在第一个示例中,x
,y
, 和z
是未声明的变量。
它们在第一次使用时会自动声明:
在使用变量之前始终声明变量被认为是良好的编程习惯。
从例子中你可以猜到:
这个var
从 1995 年到 2015 年,所有 JavaScript 代码中都使用了关键字。
这个let
和const
2015 年,JavaScript 中添加了关键字。
这个var
关键字只能在为旧版浏览器编写的代码中使用。
两个变量price1
和price2
声明与const
关键字。
这些是恒定值,无法更改。
变量total
声明为let
关键字。
值total
可以改变。
1. 始终声明变量
2. 经常使用const
如果不应更改该值
3. 经常使用const
如果不应更改类型(数组和对象)
4.仅使用let
如果你不能使用const
5.仅使用var
如果您必须支持旧浏览器。
就像代数中一样,变量保存值:
let x = 5;
let y = 6;
就像代数中一样,变量在表达式中使用:
let z = x + y;
从上面的示例中,您可以猜测计算出的总数为 11。
变量是存储值的容器。
所有 JavaScript变量必须是已确定和独特的名字。
这些独特的名字被称为标识符。
标识符可以是短名称(如 x 和 y)或更具有描述性的名称(年龄、总和、总成交量)。
构造变量名称(唯一标识符)的一般规则是:
JavaScript 标识符区分大小写。
在 JavaScript 中,等号 (=
) 是 "assignment" 运算符,而不是 "equal to" 运算符。
这与代数不同。以下内容在代数中没有意义:
x = x + 5
然而,在 JavaScript 中,它是完全有意义的:它将 x + 5 的值分配给 x。
(它计算 x + 5 的值并将结果放入 x 中。x 的值增加 5。)
"equal to" 运算符的写法如下==
在 JavaScript 中。
JavaScript 变量可以保存诸如 100 之类的数字和诸如 "John Doe" 之类的文本值。
在编程中,文本值称为文本字符串。
JavaScript 可以处理多种类型的数据,但现在只考虑数字和字符串。
字符串写在双引号或单引号内。数字不带引号书写。
如果将数字放在引号中,它将被视为文本字符串。
在 JavaScript 中创建变量称为 "declaring" 变量。
您可以使用以下命令声明 JavaScript 变量var
或者let
关键字:
var carName;
或者:
let carName;
声明后,该变量没有值(从技术上讲,它是undefined
)。
到分配变量的值,使用等号:
carName = "Volvo";
您还可以在声明变量时为其赋值:
let carName = "Volvo";
在下面的示例中,我们创建一个名为carName
并为其分配值"Volvo"。
然后我们 "output" id="demo" 的 HTML 段落内的值:
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
亲自试一试 »
在脚本开头声明所有变量是一种很好的编程习惯。
您可以在一条语句中声明多个变量。
语句开头为let
并将变量分开逗号:
一个声明可以跨越多行:
在计算机程序中,变量声明时通常不带值。该值可以是必须计算的值,也可以是稍后提供的值,例如用户输入。
声明为无值的变量将具有该值 undefined
。
变量 carName 将具有值undefined
执行该语句后:
如果您重新声明一个 JavaScript 变量var
,它不会失去它的值。
变量carName
执行这些语句后仍将具有值 "Volvo":
您不能重新声明使用以下方式声明的变量let
或者const
。
这是行不通的:
let carName = "Volvo";
let carName;
与代数一样,您可以使用 JavaScript 变量进行算术运算,使用如下运算符=
和+
:
您还可以添加字符串,但字符串将被连接:
也试试这个:
如果将数字放在引号中,则其余数字将被视为字符串并连接起来。
现在试试这个:
由于 JavaScript 将美元符号视为字母,因此包含 $ 的标识符是有效的变量名称:
在 JavaScript 中使用美元符号并不常见,但专业程序员经常将其用作 JavaScript 库中 main 函数的别名。
以 JavaScript 库 jQuery 为例,main 函数$
用于选择 HTML 元素。在 jQuery 中$("p");
意思是"select all p elements"。
由于 JavaScript 将下划线视为字母,因此包含 _ 的标识符是有效的变量名称:
在 JavaScript 中使用下划线并不常见,但专业程序员之间的惯例是将其用作 "private (hidden)" 变量的别名。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!