探讨javascript变量类型使用中的一些技巧-js教程-PHP中文网

探讨javascript变量类型使用中的一些技巧

伊谢尔伦

发布： 2017-07-18 10:41:54

原创

1371人浏览过

js中支持如下几种类型的变量，分别为:局部变量、类变量、私有变量、实例变量、静态变量和全局变量。

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

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变量类型使用中的一些技巧的详细内容，更多请关注php中文网其它相关文章！