知识大全 js变量作用域及可访问性的探讨

Posted 2022-07-20 变量

篇首语：家资是何物，积帙列梁梠。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js变量作用域及可访问性的探讨相关的知识，希望对你有一定的参考价值。

　　每一种语言都有变量的概念变量是用来存储信息的一个元素比如下面这个函数

　　 function Student(name age from) this name = name; this age = age; this from = from; this ToString = function() return my information is name: +this name+ age : +this age+ from : +this from; Student类有三个变量分别为name（名字） age（年龄） from（籍贯）这三个变量构成了描述一个对象的信息当然这里还有一个方法用来返回Student的信息但是我们是不是定义了一个变量它就能一直存在着并且还有可能在任何地方都能被访问和使用直到其被销毁？仔细想想上面的需求是比较过分的因为某些变量在某个功能实现后就不再利用了但如果这个变量还存在的话就占用了系统资源了俗语曰站着茅坑不拉#&# ;$% 于是我们对变量的及时和按需求地销毁有一个探讨的话题了好切入正题吧就本人所接触过的来讲 js中支持如下几种类型的变量分别为:局部变量类变量私有变量实例变量静态变量和全局变量接下来我们就一一探讨研究下

　　局部变量

　　局部变量一般指在范围内有效变量也就是语句块内有效的变量如

function foo(flag) var sum = ; if(flag == true) var index; for(index= ;index< ;index++) sum +=index; document write( index is : +index+ ); return sum; //document write( sum is : +sum+ ); document write( result is : +foo(true)+ ); 该代码执行后输出的结果为 index is :undefined 和 result is : 我们可以看到希望输出的index变量的值为undefined 也就是未定义因此我们可以发现 index变量在if语句块结束后即被销毁了那么 sum 变量呢？这个变量在foo()函数段执行完毕后被销毁了如果您去掉我注释的那条语句再执行您将会发现系统将报错值得注意的是如果我把上面的foo()函数改成如下:

function foo(flag) var sum = ; for(var index= ;index< ;index++) sum +=index; document write( index is : +index+ ); return sum;

　　您将可以看见可以输出index值( index is : ) 这个是js和其他语言的不同地方因为index是在for循环的外面定义的因此其作用范围在foo()函数使用完毕后才销毁

　　类变量类变量实际上就是类的一个属性或字段或一个方法该变量在该类的一个实例对象被销毁后自动销毁比如我们开始时举的Student类这个我们不多讨论大家可以自己试一下

　　私有变量私有变量值得是某个类自己内部是用的一个属性外部无法调用其定义是用 var 来声明的注意如果不用var 来声明该变量将是全局变量（我们下面将会讨论）如

　　 function Student(name age from) this name = FormatIt(name); this age = age; this from = from; var origName = name; var FormatIt = function(name) return name substr( ); this ToString = function() return my information is name: +origName+ age : +this age+ from : +this from; 这里我们分别定义了一个origName和FormatIt()两个私有变量（按面向对象的解释应该用类的属性来称呼）我们把这种情况下的方法也成为变量因为该情况下的变量是个function类型的变量而function也属于Object类的继承类在这种情形下如果我们定义了 var zfp = new Student( zfp ShenZhen ) 但无法通过zfp origName和zfp FormatIt()方式来访问这两个变量的

　　注意以下几点

　　私有变量是不能用this来指示的私有方法类型的变量的调用必须是在该方法声明后如我们将Student类改造如下

　　 function Student(name age from) var origName = name; this name = FormatName(name); this age = age; this from = from; var FormatName = function(name) return name+ china ; this ToString = function() return my information is name: +origName+ age : +this age+ from : +this from; var zfp = new Student( zfp ShenZhen );代码执行后将会报找不到对象的错误意思是FormatName()未定义

　　私有方法无法访问this指示的变量（公开变量）如下

　　 function Student(basicinfo) this basicInfo = basicinfo; var FormatInfo = function() this basicInfo name = this basicInfo name+ china ; FormatInfo(); function BasicInfo(name age from) this name = name; this age = age; this from = from; var zfp = new Student(new BasicInfo( zfp ShenZhen )); 执行代码后系统将会提示 this basicInfo为空或不是对象的错误基本结论是私有方法只能访问私有属性私有属性在声明并赋值后可以在类的任何地方访问

　　实例变量实例变量即某个实例对象所拥有的变量如

function BasicInfo(name age from) this name = name; this age = age; this from = from; var basicA = new BasicInfo( zfp ShenZhen ); basicA generalInfo = is zfp owned object ; document write( basicA s generalInfo is : + basicA generalInfo+ ); var basicB = new BasicInfo( zfp ShenZhen ); document write( basicB s generalInfo is : + basicB generalInfo+ ); 执行该代码后我们将可以看到如下结果 basicA s generalInfo is : is zfp owned object basicB s generalInfo is : undefined 静态变量

　　静态变量即为某个类所拥有的属性通过类名+ +静态变量名的方式访问该属性如下可以做清晰的解释

function BasicInfo(name age from) this name = name; this age = age; this from = from; BasicInfo generalInfo = is zfp owned object ; var basic = new BasicInfo( zfp ShenZhen ); document write(basic generalInfo+ ); document write(BasicInfo generalInfo+ ) BasicInfo generalInfo = info is changed ; document write(BasicInfo generalInfo+ ) 执行以上代码将会得到如下结果 undefinedis zfp owned objectinfo is changed

　　注意以下几点以类名+ +静态变量名的方式来声明一个静态变量静态变量并不属于类的某个实例对象所独有的属性为对象的共享能以实例对象名+ +静态变量名来访问

　　全局变量全局变量即整个系统运行期间有效访问控制的变量通常是在一个js代码开头定义如

　　 var copyright = zfp owned ; var foo =function() window alert(copyright); 注意以下几点

　　如果一个变量不用var 来声明则其被视为全局变量如

var copyright = zfp owned ; var foo =function(fooInfo) _foo = fooInfo; document write(copyright+ ); new foo( foo test ); document write(_foo+ );执行代码将得到如下结果 zfp ownedfoo test但是这个又有一个注意的地方 function是编译期对象也就是说_foo这个全局变量要在foo对象被实例化后才能被初始化也就是说如果将new foo();document write(_foo+ );对调成document write(_foo+ );new foo();系统将提示 _foo 未定义如果定义了一个和全局变量同名的局部变量属性如下

var copyright = zfp owned ; var foo =function(fooInfo) var copyright = fooInfo; //同名变量 this showInfo = function() document write(copyright+ ); new foo( foo test ) showInfo(); document write(copyright+ );执行代码将得到如下结果 zfp ownedfoo test

cha138/Article/program/Java/JSP/201311/19607