JavaScript变量的声明和使用（附带实例）

在 JavaScript 程序中，使用变量之前需先声明。

ES6 之前的版本，通过关键字 var 定义变量，示例代码如下：

var name;

代码中定义了一个名为 name 的变量，可以用它存储 JavaScript 支持的任意类型值。

例如，给 name 赋值为字符串“atguigu”：

var name;
name = "atguigu";  // atguigu
console.log(name);

事实上，变量的声明和赋值有以下三种方式：

• 先声明变量，然后再对其赋值；
• 声明变量的同时对其赋值；
• 一次声明多个变量。

上面这段代码采用的定义方式就是“先声明，后赋值”。其实，“声明的同时进行赋值”与“先声明，后赋值”的本质是一样的，区别是将赋值和变量声明写在一起了，请看下面的代码：

var name = "atguigu";  // atguigu
console.log(name);

运行代码后，控制台输出字符串 atguigu，与“先声明，后赋值”的效果相同。

“一次声明多个变量”也是在开发中常用的一种变量声明的方式。通常有两种使用情况，声明多个变量但是不赋值和声明多个变量并分别赋值。下面将对这两种情况进行分别演示。

声明多个变量不赋值是通过一个 var 关键字对多个变量进行声明，变量间使用逗号 , 进行分割，示例代码如下：

var f, g;
f = 30;
g = 30;
console.log("f=" + f);  // f=30
console.log("g=" + g);  // g=30

运行代码后，控制台输出 f=30、g=30。

声明多个变量并分别赋值是通过一个 var 关键字为多个变量声明赋值，变量间使用逗号 , 将变量隔开，示例代码如下：

var d = 10, e = 20;
console.log("d=" + d);  // d=10
console.log("e=" + e);  // e=20

运行代码后，控制台输出 d=10、e=20。

或许大家可能会有疑问，如果一个变量仅被 var 定义出来，但没有用等号赋值，那么它的值是什么呢？

var a;
console.log(a);  // undefined

运行代码后，控制台输出 "undefined"。undefined 在英语中的意思是“不明确的，未下定义的”，它是 JavaScript 中一个特殊的值。当变量仅仅被 var 定义，但是没有被赋值时，它的默认值是 undefined。