JavaScript变量


JavaScript 变量

JavaScript变量是存储数据的值的容器.

在这个例子中,x,y和z是变量:

var x = 5;
var y = 6;
var z = x + y;

让我试试

从上面的例子,你可以得到:

  • x 存储值 5
  • y 存储值 6
  • z 存储值 11

就像代数

在这个例子中, price1, price2和total都是变量:

var price1 = 5;
var price2 = 6;
var total = price1 + price2;

让我试试

在编程中,就像在代数中,我们使用变量(如价格)保存值.

在编程中,就像在代数中,我们在表达式中使用变量 (total = price1 + price2).

从上面的例子,你可以计算总数为11.

JavaScript 变量是存储数据值的容器.


JavaScript Identifiers

所有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可以处理多种类型的数据,但现在,只是有数字和字符串.

字符串写入双或单引号内。数字没有引号.

如果你把一个数字放在引号中,它将被视为文本字符串.

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';

让我试试


声明(创建) JavaScript 变量

在JavaScript中创建一个变量,被称为“声明的变量.

你声明一个JavaScript变量使用var关键字:

var carName;

声明之后,变量没有值。(在编程中它有未定义的值)

若要为变量赋值,请使用等号:

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;

让我试试

一个声明可以跨越多行:

var person = "John Doe",
carName = "Volvo",
price = 200;

让我试试


Value = undefined

在计算机程序中,变量常常被声明为没有值。该值可以是必须计算的,或稍后将提供的东西,如用户输入.

没有值声明的变量将具有值 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";

让我试试

试试这个:

var x = "5" + 2 + 3;

让我试试

如果你把一个数字放在引号中,其余的数字将被视为字符串,并连接.

再试试这个:

var x = 2 + 3 + "5";

让我试试