JavaScript 中級筆記 第二章

1，引用
引用是一個指向對象實際位置的指標。看下面的使用引用的例子：
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

本例中，兩個對象都指向同一個對象，當修改某一個對象的屬性內容時，則會影響另一個。
我們再來看一個例子，這次我們利用數組來講解引用：
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

如果在arr被重新定義後，則引用就不是同一個對象了，如下代碼所示：
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

接下來我們來看一個比較特殊點的例子，關於字串的引用問題。
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

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

arguments是一個非常有用的東西，在看下面的一個功能函數，它能將任意數量的參數轉換為數組。 <script type="text/javascript"> function makeArr(){ var arr = [];//定義一個臨時數組 for(var i=0;i
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

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
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

最終結果 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

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