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

var关键字的基本作用

var关键字在JavaScript中的主要作用是声明变量，例如用于定义一个具体的变量。

var c = 1; 

如果在JavaScript中省略var关键字而直接进行赋值，该变量将被视为全局变量，即使这段代码位于函数内部也是如此。

<script type="text/javascript"> 
  function Define() { 
    a = 2; 
  } 
  function Hello() { 
    alert(a); 
  } 
</script> 

如代码所示，运行Define()函数后，变量a被声明为全局变量。此时，在Hello()函数中可以直接引用该变量a。

更具体的示例 众所周知，JavaScript中的var关键字用于声明变量。然而，如果直接使用变量名并赋值而不使用var，JavaScript也不会报错，而是会自动声明该变量。这是否意味着var关键字是多余的？显然并非如此。

请看下面这段代码：

str1 = 'Hello JavaScript!';
function fun1() {
 str1 = 'Hello Java!';
}
fun1();
alert(str1);

// 弹出 Hello Java!

可以看到，在调用函数fun1后，变量str1的值在函数内部发生了改变。

将上述代码稍作修改：

str1 = 'Hello JavaScript!';
function fun1() {
 var str1 = 'Hello Java!';
}
fun1();
alert(str1);

// 弹出 Hello JavaScript!

注意观察，此时str1的值并没有被函数fun1所改变。

由此可见，var关键字直接影响了变量的作用域范围。

函数内外变量声明规则

在函数外部：无论是否使用var声明，变量均被视为全局变量。

在函数内部：如果变量未使用var关键字声明，则它属于全局变量；只有使用var关键字声明后，该变量才成为局部变量。 结论

最佳实践建议

为了规避潜在的风险，务必在声明变量时使用var关键字。