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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
本例中,兩個對象都指向同一個對象,當修改某一個對象的屬性內容時,則會影響另一個。
我們再來看一個例子,這次我們利用數組來講解引用:
<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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
如果在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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
接下來我們來看一個比較特殊點的例子,關於字串的引用問題。
<script type="text/javascript"> /*樣本引用*/ var str = "a"; var newStr = str; str = str + "b";//修改str的值,注意,這將會建立一個新對象,而非修改原對象 alert(str!=newStr); </script>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
正如本例所示,在執行字串操作時,結果總會是一個新的字串對象,而非字串的修改版。
不知道大家看過<<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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
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>
[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<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>
[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 |
通過對傳入參數的數量和類型的判斷,那麼函數重載也就簡單了。