欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript中var关键字的使用详解

程序员文章站 2022-05-07 11:01:26
作用 声明作用;如声明个变量。 语法   var c = 1; 省略var 在javascript中,若省略var关键字而直接赋值,那么这个变量...

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

var c = 1; 

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

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


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

更具体的示例
我们都知道 javascript 中的var关键字是用来申明变量的,但是如果不用这个关键字而直接写出变量名,然后赋值给它,javascript 也并不会报错,它会自动申明这个变量。难道说 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关键字来申明变量。