JavaScript变量作用域与var关键字详解

JavaScript变量声明机制与类型松散特性

JavaScript是一种动态类型语言，其变量声明不包含类型信息，这与许多强类型的面向对象语言不同。在JavaScript中，可以通过var关键字或直接赋值来声明变量，例如：

var v = 1;

v=1;

全局变量与函数级变量的作用域区别

对此，有人或许会质疑，前述两种声明方式究竟存在何种差异，导致需要设立这两种不同的声明机制？这实际上关联到JavaScript语言中变量作用域的概念。在JavaScript里，变量的作用域范畴涵盖了全局作用域与函数级作用域这两类。

全局变量可以在函数外部声明，无论是否使用var关键字，在函数外部声明的变量都属于全局变量。例如：

 
<script type="text/javascript" language="javascript">
var v = 1;
function foo()
{ 
alert(v);
} 
w = 2;
function bar()
{ 
alert(w);
} 
foo();
</script>

运行结果：1 2

此外，如果在函数内部不使用var关键字直接赋值，该变量也会成为全局变量。例如：

 
<script type="text/javascript" language="javascript">
function foo()
{ 
v = 1;
} 
foo();
alert(v);
</script>

运行结果：1

需要注意的是，这种情况下必须先调用声明该变量的函数（如foo()）进行初始化，否则访问该变量时会报错“变量v未定义”。

全局变量会作为window对象的属性存在，因此可以通过window.变量名（如window.v）或直接使用变量名来访问。

在函数内部使用var关键字声明的变量是函数级局部变量，其作用域仅限于该函数内部。例如：

 
<script type="text/javascript" language="javascript">
function foo()
{ 
var v=1;
alert(v);
} 
alert(v);
</script>

运行结果：1 变量“v”未定义

由此可见，var关键字的主要作用是定义函数级别的局部变量。

变量提升机制与同名变量覆盖问题

如果在函数内部和外部定义了同名变量，结果会如何？例如：

 
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{ 
alert(v);
var v=2;
} 
foo();
</script>

运行结果：undefined

这可能与直觉相悖，明明v在函数foo()外部已定义，为何结果是undefined？这涉及JavaScript的变量提升机制。

JavaScript引擎在解析函数体时，会先搜索所有的var关键字，将变量声明提升到函数体的最前面，而赋值操作保持原位。因此，上述代码实际上等价于：

 
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{ 
var v;
alert(v);
v=2;
} 
foo();
</script>

根据这一分析，结果显而易见：函数内部的变量v优先级高于全局变量v，覆盖了全局变量。但由于在alert(v)执行时，局部变量v仅声明而未赋值，因此结果为undefined。

通过window对象访问全局变量

如果需要在函数体内使用外部的全局变量v，可以利用window对象。例如：

 
<script type="text/javascript" language="javascript">
var v=1;
function foo()
{ 
alert(window.v);
alert(v);
var v=2;
} 
foo();
</script>

运行结果：2 undefined