javascript中加var和不加var的区别 你真的懂吗
Javascript是遵循ECMAScript标准下的一个产物,自然ECMAScript的标准其要遵循。
先来看下var关键字的定义和用法
var语句用于声明变量。
JavaScript变量的创建也叫作"声明"一变量:
varcarName;
变量声明后,变量为空(没有值)。
为变量复制,操作如下:
carName="Volvo";
声明变量时,你同样可以为变量赋值:
varcarName="Volvo";
语法
varvarname=value;
参数值
大家都看了很多文章,都说避免隐式声明全局变量,就是说声明变量前必须加'var',那加了'var'和不加'var'到底有啥区别呢?
先来看一段代码
vara='aa'; alert(a);//弹出'aa' alert(window.a)//弹出'aa'
明白了吧,你声明一个全局变量其实是给'window'对象增加了一个属性,下面一段代码有相同效果
a='aa'; alert(a);//弹出'aa' alert(window.a)//弹出'aa'
那"vara='aa'"和"a='aa'"都是全局变量,有啥区别了?看下面两段段代码
vara='aa'; deletewindow.a;//false a='aa'; deletewindow.a;//true
都是为'window'对象增加了属性,一个可以删除,一个不能删除。但是加上'var'就可以作用域相关了,不加'var'始终都是在为'window'对象动态添加属性,以下代码为证
vartest=function(){ a='aa'; } test(); alert(window.a);//弹出'aa'
由于window对象是全局对象,因此默认可以不加,下面这段同样效果
vartest=function(){ a='aa'; } test(); alert(a);//弹出'aa'
说到这,认真思考的同学现在必然有个疑问,为啥隐式声明的全局变量可以删除,显式声明的全局变量就无法删除?
原因是"delete不可以删除那些可配置性为false的属性",某些内置对象的属性是不可配置的,比如通过变量声明或者函数声明创建的全局对象的属性,以下代码为证
deleteObject.prototype;//false不可删除,该属性是不可配置的 vara='aa'; deletewindow.a;//false不可删除,该属性是不可配置的 functiontest(){}; deletewindow.test;//false不可删除,该属性是不可配置的
那这样不就明白了,通过'var'声明的全局变量,其实际上是为'window'对象增加了一个不可配置的属性,而不加'var'声明的全局变量,其实际上是为'window'对象增加了一个可以配置的属性。
注意了,以上使用window的地方,window都可以用this代替,如:
vartest=function(){ a='aa'; } test(); alert(this.a);//弹出'aa'
至于原因,请查看鄙人之前写的文章'this,this,再次讨论javascript中的this,超全面'
下面拉出javascript中的var关键字,给大家单独讲解。
我们知道定义变量的时候,我们需要用到Var关键字,使用Var关键字时,我们需要注意他的使用方法:
下面几个列子,充分说明了Var在使用和不使用、全局变量和局部变量定义时,有不同的执行结果。
varvar01=1; functionfuntest(){ document.write(var01); varvar01=0; }
结果为:undefined
varvar01=1; functionfuntest(){ document.write(var01); var01=0; }
结果为:1
var01=1; functionfuntest(){ document.write(var01); varvar01=0; }
结果为:undefined
var01=1; functionfuntest(){ document.write(var01); var01=0; }
结果为:1
看到这里对javascript中的var你了解多少,相信大家通过本文学习多多少少都会有点收获的吧。欲了解更多关于javascriptvar相关知识请持续关注本站,谢谢!