JavaScript 中級(jí)筆記 第二章
更新時(shí)間:2009年09月14日 13:21:29 作者:
對(duì)象是組成JavaScript的基本單元。本章將從JavaScript語言中最重要的幾個(gè)部分開始介紹:引用,函數(shù)重載,作用域,閉包和上下文。有了這些知識(shí)后,面向?qū)ο箝_發(fā)就將變得簡(jiǎn)單。
1,引用
引用是一個(gè)指向?qū)ο髮?shí)際位置的指針??聪旅娴氖褂靡玫睦樱?
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
本例中,兩個(gè)對(duì)象都指向同一個(gè)對(duì)象,當(dāng)修改某一個(gè)對(duì)象的屬性內(nèi)容時(shí),則會(huì)影響另一個(gè)。
我們?cè)賮砜匆粋€(gè)例子,這次我們利用數(shù)組來講解引用:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果在arr被重新定義后,則引用就不是同一個(gè)對(duì)象了,如下代碼所示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
接下來我們來看一個(gè)比較特殊點(diǎn)的例子,關(guān)于字符串的引用問題。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
正如本例所示,在執(zhí)行字符串操作時(shí),結(jié)果總會(huì)是一個(gè)新的字符串對(duì)象,而非字符串的修改版。
不知道大家看過<<JavaScript高級(jí)程序設(shè)計(jì)>>書中的有一節(jié)講的是 傳值和傳址,說白了,就是引用。有興趣可以去看看。
JavaScript就是一門通過維護(hù)一系列對(duì)其它對(duì)象的引用的語言,通過引用,可以給程序帶來極大的靈活性。
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需再刷新一下頁面才能執(zhí)行]
arguments是一個(gè)非常有用的東西,在看下面的一個(gè)功能函數(shù),它能將任意數(shù)量的參數(shù)轉(zhuǎn)換為數(shù)組。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(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需再刷新一下頁面才能執(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需再刷新一下頁面才能執(zhí)行]
本例中,兩個(gè)對(duì)象都指向同一個(gè)對(duì)象,當(dāng)修改某一個(gè)對(duì)象的屬性內(nèi)容時(shí),則會(huì)影響另一個(gè)。
我們?cè)賮砜匆粋€(gè)例子,這次我們利用數(shù)組來講解引用:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果在arr被重新定義后,則引用就不是同一個(gè)對(duì)象了,如下代碼所示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
接下來我們來看一個(gè)比較特殊點(diǎn)的例子,關(guān)于字符串的引用問題。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
正如本例所示,在執(zhí)行字符串操作時(shí),結(jié)果總會(huì)是一個(gè)新的字符串對(duì)象,而非字符串的修改版。
不知道大家看過<<JavaScript高級(jí)程序設(shè)計(jì)>>書中的有一節(jié)講的是 傳值和傳址,說白了,就是引用。有興趣可以去看看。
JavaScript就是一門通過維護(hù)一系列對(duì)其它對(duì)象的引用的語言,通過引用,可以給程序帶來極大的靈活性。
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需再刷新一下頁面才能執(zhí)行]
arguments是一個(gè)非常有用的東西,在看下面的一個(gè)功能函數(shù),它能將任意數(shù)量的參數(shù)轉(zhuǎn)換為數(shù)組。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(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需再刷新一下頁面才能執(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)文章
uniapp開發(fā)安卓App實(shí)現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的全過程
最近項(xiàng)目需要在APP內(nèi)實(shí)現(xiàn)路線規(guī)劃導(dǎo)航功能,直接打開高德地圖進(jìn)行導(dǎo)航,下面這篇文章主要給大家介紹了關(guān)于利用uniapp開發(fā)安卓App實(shí)現(xiàn)高德地圖路線規(guī)劃導(dǎo)航功能的相關(guān)資料,需要的朋友可以參考下2022-08-08
深入理解JS中attribute和property的區(qū)別
property 和 attribute非常容易混淆,但實(shí)際上,二者是不同的東西,屬于不同的范疇,本文就詳細(xì)的介紹一下JS中attribute和property的區(qū)別 ,感興趣的可以了解一下2022-02-02
Knockout結(jié)合Bootstrap創(chuàng)建動(dòng)態(tài)UI實(shí)現(xiàn)產(chǎn)品列表管理
這篇文章主要為大家詳細(xì)介紹了Knockout結(jié)合Bootstrap創(chuàng)建動(dòng)態(tài)UI實(shí)現(xiàn)產(chǎn)品列表管理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
JS常用倒計(jì)時(shí)代碼實(shí)例總結(jié)
這篇文章主要介紹了JS常用倒計(jì)時(shí)代碼,結(jié)合實(shí)例形式總結(jié)分析了JS常用的倒計(jì)時(shí)功能實(shí)現(xiàn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02

