JavaScript中級筆記(2)

對象是組成JavaScript的基本單元。本章將從JavaScript語言中最重要的幾個部分開始介紹：引用，函數重載，範圍，閉包和上下文。有了這些知識後，物件導向開發就將變得簡單。

      1，引用     引用是一個指向對象實際位置的指標。看下面的使用引用的例子：

<script type="text/javascript">
/*樣本引用*/
var obj = new Object(); //定義一個Null 物件
var newObj = obj; //定義一個新對象引用。
obj.name = "rain";//修改原對象的屬性
alert( newObj.name );
alert( obj.name == newObj.name );//由此可以證明它們是引用的同一個對象
</script>

     本例中，兩個對象都指向同一個對象，當修改某一個對象的屬性內容時，則會影響另一個。

     我們再來看一個例子，這次我們利用數組來講解引用：

<script type="text/javascript">
/*樣本引用*/
var arr = new Array("a","b","c"); //定義一個數組
var newArr = arr; //定義一個新數組的引用。
arr.push("d");//添加一個值
alert( newArr[3] );
alert( arr.length == newArr.length );//由此可以證明它們是引用的同一個數組對象
</script>

     如果在arr被重新定義後，則引用就不是同一個對象了，如下代碼所示：

<script type="text/javascript">
/*樣本引用*/
var arr = new Array("a","b","c"); //定義一個數組
var newArr = arr; //定義一個新數組的引用。
arr = new Array("e","f"); //重新定義一個數組
//newArr和arr現在指向不同的對象了
//arr指向的是new Array("e","f");
//newArr指向的是 new Array("a","b","c");
alert(arr!=newArr);
</script>

     接下來我們來看一個比較特殊點的例子，關於字串的引用問題。

<script type="text/javascript">
/*樣本引用*/
var str = "a";
var newStr = str;
str = str + "b";//修改str的值，注意，這將會建立一個新對象，而非修改原對象
alert(str!=newStr);
</script>

     正如本例所示，在執行字串操作時，結果總會是一個新的字串對象，而非字串的修改版。      不知道大家看過<<JavaScript進階程式設計>>書中的有一節講的是 傳值和傳址，說白了，就是引用。有興趣可以去看看。      JavaScript就是一門通過維護一系列對其它對象的引用的語言，通過引用，可以給程式帶來極大的靈活性。
     2，函數重載     函數重載的特性就是根據傳入的不同數量或類型的參數，通過重載函數來發揮不同的功能。它必須依賴2件事情：一是判斷傳入參數的數量 ，二是判斷傳入參數的類型。      2-1，判斷傳入參數的數量          JavaScript的每個函數都帶有一個僅在這個函數範圍內作用的變數稱為參數，它是一個包含所有傳給函數的參數的 偽數組，雖然有length屬性。          通過arguments，我們能夠擷取到這個偽數組。如下所示：

<script type="text/javascript">
//定義一個發送資訊的簡單函數
//obj為發送的對象，msg為發送的資訊
function sendMsg( obj , msg ){
if(arguments.length==2){
   alert(obj + " 發送：" + msg);
}else{
   alert("參數數量不對，不能發送");
}
}

//僅用一個參數時
sendMsg("hello");
//用2個參數時
sendMsg("李老師","hello");
</script>

     arguments是一個非常有用的東西，在看下面的一個功能函數，它能將任意數量的參數轉換為數組。

<script type="text/javascript">
function makeArr(){
var arr = [];//定義一個臨時數組
for(var i=0;i<arguments.length;i++){
   arr.push( arguments[i] );//添加值
}
return arr;//返回數組
}

var a = makeArr("a","b",3,4);
alert(a.length);
</script>

      2-2，判斷傳入參數的類型

        第一種判斷類型的方式：

        判斷類型需要用到JavaScript中另一個操作符——typeof。 它用來表達變數內容的類型，返回的是字串。比如如果一個變數是字串，那麼typeof後，則返回( "string" )。

         經常我們會用到如下判斷：

       if( typeof num == "string" ){

             num = parseInt( num );//如果是一個字串，則把字串解析出整數

         }    

         if( typeof arr== "string" ){

             arr= arr.split(",");//如果是一個字串，則根據逗號來分割成數組

         }    

     例如把前面的makeArr()函數改成只能接受字串類型的參數，代碼如下：

<script type="text/javascript">
function makeArr(){
var arr = [];//定義一個臨時數組
for(var i=0;i<arguments.length;i++){
     if(typeof arguments[i] !="string"){ continue;};
     arr.push( arguments[i] );//添加值
}
return arr;//返回數組
}

var a = makeArr("a","b",3,4);
alert(a.length);
</script>

     最終結果 a.length 為2，因為後面2個參數是number 類型。

         第二種判斷類型的方式：          此方法需要引用所有JavaScript對象都帶有的一個屬性，建構函式——constructor。這一屬性引用的是原本用來構造該對象的那個函數。

      if( num.constructor == String ){

             num = parseInt( num );//如果是一個字串，則把字串解析出整數

         }    

         if( arr.constructor == String ){

             arr= arr.split(",");//如果是一個字串，則根據逗號來分割成數組

         }   

        if( newArr.constructor == Array ){

             newArr = newArr.join(",");//如果是一個數組，則根據逗號來組成字串

         }    

   執行constructor後的結果是一個對象，而執行typeof後的結果是一個字串。看下錶的對比：

變數	typeof 變數	變數.constructor
{a:"b"}	"object"	Object
["a","b"]	"object"	Array
function(){}	"function"	Function
"a"	"string"	String
66	"number"	Number
true	"boolean"	Boolean
new User()	"object"	User

     通過對傳入參數的數量和類型的判斷，那麼函數重載也就簡單了。