百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> JavaScript中使用var 关键字与不用var关键字的区别
分享文章到:

JavaScript中使用var 关键字与不用var关键字的区别

发布时间:01/15 来源: 浏览: 关键词:
var 关键字是用来定义变量了我们在js中对于变量要求是非常的严格的,下面来看一篇关于JavaScript中使用var 关键字与不用var关键字的区别详解吧。


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定义,就会报错。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有2人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板