JavaScript 中級筆記 第二章_javascript技巧

來源:互聯網
上載者:User
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
 
    通過對傳入參數的數量和類型的判斷,那麼函數重載也就簡單了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.