JavaScript中級筆記第二章_javascript技巧

1，引用
引用是一個指向對象實際位置的指針?？聪旅娴氖褂靡玫睦樱?
<script type="text/javascript"> /*示例引用*/ var obj = new Object(); //定義一個空對象 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就是一門通過維護一系列對其它對象的引用的語言，通過引用，可以給程序帶來極大的靈活性。
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
[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

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com