JavaScript中var关键字的使用详解

Posted 2020-08-09

作用
声明作用；如声明个变量。
语法　　

?

1	var c = 1;

省略var
在javascript中，若省略var关键字而直接赋值，那么这个变量为全局变量，哪怕是在function里定义的。

?

1 2 3 4 5 6 7 8

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

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

更具体的示例
我们都知道 JavaScript 中的var关键字是用来申明变量的，但是如果不用这个关键字而直接写出变量名，然后赋值给它，JavaScript 也并不会报错，它会自动申明这个变量。难道说 JavaScript 中的var是个多余的东西吗？显然不是！

请看下面这段代码：

?

1 2 3 4 5 6 7 8

str1 = ‘Hello JavaScript!‘; function fun1() {  str1 = ‘Hello Java!‘; } fun1(); alert(str1);   // 弹出 Hello Java!

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

再将上面的代码稍作修改：

?

1 2 3 4 5 6 7 8

str1 = ‘Hello JavaScript!‘; function fun1() {  var str1 = ‘Hello Java!‘; } fun1(); alert(str1);   // 弹出 Hello JavaScript!

看到没有，str1 的值并没有被函数 fun1 改变。

显然，var关键字影响了变量的作用域。

函数外部：变量不管是否用了var申明，都是全局变量。

函数内部：变量如果没有使用var关键字申明，那它就是全局变量，只有用var关键字申明了，才是局部变量。
结论

为了避免潜在的风险，务必使用var关键字来申明变量。