【javascript学习指南】JavaScript中使用var 关键字与不用var关键字的区别

时间:2020-10-20  来源:网页配色  阅读:


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 关键字与不用var关键字的区别


1.在函数作用域内 加var定义的变量是局部变量,不加var定义的就成了全局变量。

//使用var定义
var a = "hello World";
function bb(){
    var a = "hello Bill";
    console.log(a);  
}
bb()   // "hello Bill"
console.log(a);    // "hello world"

//不使用var定义
var e = "hello world";
function cc(){
    e = "hello Bill";
    console.log(e);    // "hello Bill"
}
cc()   // "hello Bill"
console.log(e)     // "hello Bill"

2.在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete。

也就说明隐含全局变量严格来说不是真正的变量,而是全局对象的属性,因为属性可以通过delete删除,而变量不可以。

3.使用var 定义变量还会提升变量声明,即

//使用var定义
function hh(){
    console.log(a);
    var a = "hello world";
}
hh()    //undefined


//不使用var定义
function hh(){
    console.log(a);
    a = "hello world";
}
hh()    // "a is not defined"

这就是使用var定义的变量的声明提前。

4.在ES5的’use strict’模式下,如果变量没有使用var定义,就会报错。

【javascript学习指南】JavaScript中使用var 关键字与不用var关键字的区别

http://m.bbyears.com/wangyezhizuo/105759.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新