探讨javascript变量类型使用中的一些技巧
局部变量:
局部变量一般指在{}范围内有效变量,也就是语句块内有效的变量,如:
function foo(flag) { var sum = 0; if(flag == true) { var index; for(index=0;index<10;index++) { sum +=index; } } document.write("index is :"+index+"<br>"); return sum; } //document.write("sum is :" +sum+"<br>"); document.write("result is :"+foo(true)+"<br>");
该代码执行后输出的结果为:“index is :undefined” 和 “result is :0”,我们可以看到希望输出的index变量的值为undefined,也就是未定义。因此我们可以发现,index变量在if语句块结束后即被销毁了。那么“sum”变量呢?这个变量在foo()函数段执行完毕后被销毁了,如果您去掉我注释的那条语句,再执行,您将会发现系统将报错。值得注意的是,如果我把上面的foo()函数改成如下:
function foo(flag) { var sum = 0; for(var index=0;index<10;index++) { sum +=index; } document.write("index is :"+index+"<br>"); return sum; }
您将可以看见可以输出index值("index is :10"),这个是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(0,5); } this.ToString = function() { return "my information is name: "+origName+",age : "+this.age+", from :" +this.from; } }
这里,我们分别定义了一个origName和FormatIt()两个私有变量(按面向对象的解释,应该用类的属性来称呼)。
我们把这种情况下的方法也成为变量,因为该情况下的变量是个function类型的变量,而function也属于Object类的继承类。在这种情形下,如果我们定义了 var zfp = new Student("3zfp",100,"ShenZhen")。但无法通过zfp.origName和zfp.FormatIt()方式来访问这两个变量的。
注意以下几点:
1、私有变量是不能用this来指示的。
2、私有方法类型的变量的调用必须是在该方法声明后。如我们将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("3zfp",100,"ShenZhen");
代码执行后,将会报"找不到对象"的错误.意思是FormatName()未定义。
3、私有方法无法访问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("3zfp",100,"ShenZhen"));
执行代码后,系统将会提示 “this.basicInfo为空或不是对象”的错误。
基本结论是,私有方法只能访问私有属性,私有属性在声明并赋值后可以在类的任何地方访问,
静态变量:
静态变量即为某个类所拥有的属性,通过 类名+"."+静态变量名 的方式访问该属性。如下可以做清晰的解释:
function BasicInfo(name,age,from) { this.name = name; this.age = age; this.from = from; } BasicInfo.generalInfo = "is 3zfp owned object"; var basic = new BasicInfo("zfp",100,"ShenZhen"); document.write(basic.generalInfo+"<br>"); document.write(BasicInfo.generalInfo+"<br>"); BasicInfo.generalInfo = "info is changed"; document.write(BasicInfo.generalInfo+"<br>");
执行以上代码,将会得到如下结果:
undefined is 3zfp owned object info is changed
注意以下几点:
1、以 类名+"."+静态变量名 的方式来声明一个静态变量
2、静态变量并不属于类的某个实例对象所独有的属性,为对象的共享.
3、能以实例对象名+"."+静态变量名来访问。
全局变量:
全局变量即整个系统运行期间有效访问控制的变量,通常是在一个js代码开头定义,如:
var copyright = "3zfp owned"; var foo =function() { window.alert(copyright); }
注意以下几点:
1、如果一个变量不用var 来声明,则其被视为全局变量。如:
var copyright = "3zfp owned"; var foo =function(fooInfo) { _foo = fooInfo; document.write(copyright+"<br>"); } new foo("foo test"); document.write(_foo+"<br>"); 执行代码,将得到如下结果: 3zfp owned foo test 但是,这个又有一个注意的地方,function是编译期对象,也就是说_foo这个全局变量要在foo对象被实例化后才能被初始化,也就是说如果将 new foo(); document.write(_foo+"<br>"); 对调成 document.write(_foo+"<br>"); new foo(); 系统将提示 "_foo 未定义"。
2、如果定义了一个和全局变量同名的局部变量属性,如下:
var copyright = "3zfp owned"; var foo =function(fooInfo) { var copyright = fooInfo; //同名变量 this.showInfo = function() { document.write(copyright+"<br>"); } } new foo("foo test").showInfo(); document.write(copyright+"<br>");
执行代码,将得到如下结果:
3zfp owned
foo test
原因是由于function 是在编译期间完成变量的定义,也就是foo内部的copyright的定义是在编译期间完成的,其作用域只在foo对象内有效,而与外部定义的全局变量copyright无关。
以上就是探讨javascript变量类型使用中的一些技巧的详细内容,更多请关注其它相关文章!
上一篇: javascript变量作用域、内存、DOM泄露等问题实例详解
下一篇: php判断是否是数字类型