探討javascript變數類型使用中的一些技巧

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中文網其他相關文章！