JavaScript 中級筆記 第二章
更新時間:2009年09月14日 13:21:29 作者:
對象是組成JavaScript的基本單元。本章將從JavaScript語言中最重要的幾個部分開始介紹:引用,函數(shù)重載,作用域,閉包和上下文。有了這些知識后,面向對象開發(fā)就將變得簡單。
1,引用
引用是一個指向對象實際位置的指針??聪旅娴氖褂靡玫睦樱?
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
本例中,兩個對象都指向同一個對象,當修改某一個對象的屬性內容時,則會影響另一個。
我們再來看一個例子,這次我們利用數(shù)組來講解引用:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果在arr被重新定義后,則引用就不是同一個對象了,如下代碼所示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
接下來我們來看一個比較特殊點的例子,關于字符串的引用問題。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
正如本例所示,在執(zhí)行字符串操作時,結果總會是一個新的字符串對象,而非字符串的修改版。
不知道大家看過<<JavaScript高級程序設計>>書中的有一節(jié)講的是 傳值和傳址,說白了,就是引用。有興趣可以去看看。
JavaScript就是一門通過維護一系列對其它對象的引用的語言,通過引用,可以給程序帶來極大的靈活性。
2,函數(shù)重載
函數(shù)重載的特性就是根據(jù)傳入的不同數(shù)量或類型的參數(shù),通過重載函數(shù)來發(fā)揮不同的功能。它必須依賴2件事情:一是判斷傳入?yún)?shù)的數(shù)量 ,二是判斷傳入?yún)?shù)的類型。
2-1,判斷傳入?yún)?shù)的數(shù)量
JavaScript的每個函數(shù)都帶有一個僅在這個函數(shù)范圍內作用的變量稱為參數(shù),它是一個包含所有傳給函數(shù)的參數(shù)的偽數(shù)組,雖然有l(wèi)ength屬性。
通過arguments,我們能夠獲取到這個偽數(shù)組。如下所示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
arguments是一個非常有用的東西,在看下面的一個功能函數(shù),它能將任意數(shù)量的參數(shù)轉換為數(shù)組。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2-2,判斷傳入?yún)?shù)的類型
第一種判斷類型的方式:
判斷類型需要用到JavaScript中另一個操作符——typeof。 它用來表達變量內容的類型,返回的是字符串。比如如果一個變量是字符串,那么typeof后,則返回( "string" )。
經(jīng)常我們會用到如下判斷:
if( typeof num == "string" ){
num = parseInt( num );//如果是一個字符串,則把字符串解析出整數(shù)
}
if( typeof arr== "string" ){
arr= arr.split(",");//如果是一個字符串,則根據(jù)逗號來分割成數(shù)組
}
例如把前面的makeArr()函數(shù)改成只能接受字符串類型的參數(shù),代碼如下:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
最終結果 a.length 為2,因為后面2個參數(shù)是number 類型。
第二種判斷類型的方式:
此方法需要引用所有JavaScript對象都帶有的一個屬性,構造函數(shù)——constructor。這一屬性引用的是原本用來構造該對象的那個函數(shù)。
if( num.constructor == String ){
num = parseInt( num );//如果是一個字符串,則把字符串解析出整數(shù)
}
if( arr.constructor == String ){
arr= arr.split(",");//如果是一個字符串,則根據(jù)逗號來分割成數(shù)組
}
if( newArr.constructor == Array ){
newArr = newArr.join(",");//如果是一個數(shù)組,則根據(jù)逗號來組成字符串
}
執(zhí)行constructor后的結果是一個對象,而執(zhí)行typeof后的結果是一個字符串??聪卤淼膶Ρ龋?
引用是一個指向對象實際位置的指針??聪旅娴氖褂靡玫睦樱?
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
本例中,兩個對象都指向同一個對象,當修改某一個對象的屬性內容時,則會影響另一個。
我們再來看一個例子,這次我們利用數(shù)組來講解引用:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果在arr被重新定義后,則引用就不是同一個對象了,如下代碼所示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
接下來我們來看一個比較特殊點的例子,關于字符串的引用問題。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
正如本例所示,在執(zhí)行字符串操作時,結果總會是一個新的字符串對象,而非字符串的修改版。
不知道大家看過<<JavaScript高級程序設計>>書中的有一節(jié)講的是 傳值和傳址,說白了,就是引用。有興趣可以去看看。
JavaScript就是一門通過維護一系列對其它對象的引用的語言,通過引用,可以給程序帶來極大的靈活性。
2,函數(shù)重載
函數(shù)重載的特性就是根據(jù)傳入的不同數(shù)量或類型的參數(shù),通過重載函數(shù)來發(fā)揮不同的功能。它必須依賴2件事情:一是判斷傳入?yún)?shù)的數(shù)量 ,二是判斷傳入?yún)?shù)的類型。
2-1,判斷傳入?yún)?shù)的數(shù)量
JavaScript的每個函數(shù)都帶有一個僅在這個函數(shù)范圍內作用的變量稱為參數(shù),它是一個包含所有傳給函數(shù)的參數(shù)的偽數(shù)組,雖然有l(wèi)ength屬性。
通過arguments,我們能夠獲取到這個偽數(shù)組。如下所示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
arguments是一個非常有用的東西,在看下面的一個功能函數(shù),它能將任意數(shù)量的參數(shù)轉換為數(shù)組。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2-2,判斷傳入?yún)?shù)的類型
第一種判斷類型的方式:
判斷類型需要用到JavaScript中另一個操作符——typeof。 它用來表達變量內容的類型,返回的是字符串。比如如果一個變量是字符串,那么typeof后,則返回( "string" )。
經(jīng)常我們會用到如下判斷:
復制代碼 代碼如下:
if( typeof num == "string" ){
num = parseInt( num );//如果是一個字符串,則把字符串解析出整數(shù)
}
if( typeof arr== "string" ){
arr= arr.split(",");//如果是一個字符串,則根據(jù)逗號來分割成數(shù)組
}
例如把前面的makeArr()函數(shù)改成只能接受字符串類型的參數(shù),代碼如下:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
最終結果 a.length 為2,因為后面2個參數(shù)是number 類型。
第二種判斷類型的方式:
此方法需要引用所有JavaScript對象都帶有的一個屬性,構造函數(shù)——constructor。這一屬性引用的是原本用來構造該對象的那個函數(shù)。
復制代碼 代碼如下:
if( num.constructor == String ){
num = parseInt( num );//如果是一個字符串,則把字符串解析出整數(shù)
}
if( arr.constructor == String ){
arr= arr.split(",");//如果是一個字符串,則根據(jù)逗號來分割成數(shù)組
}
if( newArr.constructor == Array ){
newArr = newArr.join(",");//如果是一個數(shù)組,則根據(jù)逗號來組成字符串
}
執(zhí)行constructor后的結果是一個對象,而執(zhí)行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 |
通過對傳入?yún)?shù)的數(shù)量和類型的判斷,那么函數(shù)重載也就簡單了。
相關文章
在iframe里的頁面編寫js,實現(xiàn)在父窗口上創(chuàng)建動畫效果展開和收縮的div(不變動iframe父窗口代碼)
在iframe里的頁面編寫js,實現(xiàn)在父窗口上創(chuàng)建動畫效果展開和收縮的div(不變動iframe父窗口代碼)2011-12-12淺談js繼承的實現(xiàn)及公有、私有、靜態(tài)方法的書寫
下面小編就為大家?guī)硪黄獪\談js繼承的實現(xiàn)及公有、私有、靜態(tài)方法的書寫。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10JavaScript前端控制網(wǎng)絡并發(fā)數(shù)目的常見方法小結
控制前端發(fā)起請求的并發(fā)數(shù),即限制同一時間內進行處理的請求數(shù)量,是一種有效的策略,本文將詳細介紹前端控制并發(fā)數(shù)的幾種常見做法,希望對大家有所幫助2023-12-12