JavaScript 变量

变量是对“值”的具名引用。变量就是为“值”起名,然后引用这个名字,就等同于引用这个值。变量的名字就是变量名。

var a = 1;
let message;

上面的代码先声明变量 a ,然后在变量 a 与数值1之间建立引用关系,称为将数值1“赋值”给变量 a 。以后,引用变量名 a 就会得到数值1。最前面的 var ,是变量声明命令。它表示通知解释引擎,要创建一个变量 a

注意,JavaScript 的变量名区分大小写, A a 是两个不同的变量。

变量的声明和赋值,是分开的两个步骤,上面的代码将它们合在了一起,实际的步骤是下面这样。

var a;
a = 1;

let message;
message = 'Hello'; 

如果只是声明变量而没有赋值,则该变量的值是 undefined undefined 是一个特殊的值,表示“无定义”。

var a;
a // undefined

如果变量赋值的时候,忘了写 var 命令,这条语句也是有效的。

var a = 1;
// 基本等同
a = 1;

但是,不写 var 的做法,不利于表达意图,而且容易不知不觉地创建全局变量,所以建议总是使用 var 命令声明变量。

如果一个变量没有声明就直接使用,JavaScript 会报错,告诉你变量未定义。

x
// ReferenceError: x is not defined

上面代码直接使用变量 x ,系统就报错,告诉你变量 x 没有声明。


可以在一行中声明多个变量。

var a, b;
let user = 'John', age = 25, message = 'Hello';

看上去代码长度更短,但并不推荐这样。为了更好的可读性,请一行只声明一个变量。

多行变量声明有点长,但更容易阅读:

let user = 'John';
let age = 25;
let message = 'Hello';

一些程序员采用下面的形式书写多个变量:

let user = 'John',
  age = 25,
  message = 'Hello';


JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。

var a = 1;
a = 'hello';

上面代码中,变量 a 起先被赋值为一个数值,后来又被重新赋值为一个字符串。第二次赋值的时候,因为变量 a 已经存在,所以不需要使用 var 命令。

如果使用 var 重新声明一个已经存在的变量,是无效的。

var x = 1;
var x;
x // 1

上面代码中,变量 x 声明了两次,第二次声明是无效的。

但是,如果第二次声明的时候还进行了赋值,则会覆盖掉前面的值。

var x = 1;
var x = 2;

// 等同于

var x = 1;
var x;
x = 2;


变量提升

JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。

console.log(a);
var a = 1;

上面代码首先使用 console.log 方法,在控制台(console)显示变量 a 的值。这时变量 a 还没有声明和赋值,所以这是一种错误的做法,但是实际上不会报错。因为存在变量提升,真正运行的是下面的代码。

var a;
console.log(a);
a = 1;

最后的结果是显示 undefined ,表示变量 a 已声明,但还未赋值。