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