Javascript 面向?qū)ο?重載
更新時間：2010年05月13日 16:46:00 作者：
在面向?qū)ο笳Z言里重載是很重要的一個特性，而JavaScript這個自稱面向?qū)ο蟮恼Z言竟然沒有直接提供重載的功能。
假如 我這樣定義：
function getDate(){.....}
function getDate(date){.....}
那么后一個方法將覆蓋前一個，雖然不報錯。
但是我們確實是可以實現(xiàn)重載的，如果你用過jQuery,你就會深有體會，比如$("#btn").val() 是獲取id為"btn"的按鈕的value值，而$("#btn").val("點我")則是給id為"btn"的按鈕賦值。
那么JavaScript是怎么實現(xiàn)（準(zhǔn)確地講應(yīng)該叫“模擬”）的呢?。
答案很簡單：arguments
arguments是JavaScript里的一個內(nèi)置對象，包含了調(diào)用者傳遞的實際參數(shù)，但不局限于函數(shù)聲明所定義的參數(shù)列表，而調(diào)用時只它和數(shù)組一樣有個length屬性?！?
我們暫且把它當(dāng)“數(shù)組”來理解吧，我們根據(jù)該數(shù)組的長度以及其元素的類型來選擇不同的實現(xiàn)，從而模擬了重載。
具體請看下面的示例：
function getDate(){
if(arguments.length==0){
var date=new Date().toLocaleDateString();
return "您沒有輸入?yún)?shù)，現(xiàn)在時間："+date ;
}
if(arguments.length==1){
if(arguments[0].constructor ==Date){
return "您輸入的參數(shù)是Date類型，現(xiàn)在時間是："+arguments[0].toDateString();
}
if(arguments[0].constructor ==String){
return "您輸入的參數(shù)是String類型，現(xiàn)在時間是："+arguments[0];
}
}
}
于是我們可以這樣調(diào)用:
getDate()
getDate(new Date())
getDate("星期一")
這樣就實現(xiàn)了JavaScript的重載，不過我們發(fā)現(xiàn)這樣的“實現(xiàn)”實在是太勉強(qiáng)了，如果參數(shù)多了，就會顯得力不從心，代碼也會很亂，到處是if{...} 。所以我不建議在JavaScript中使用這樣的重載。
復(fù)制代碼 代碼如下:
function getDate(){.....}
function getDate(date){.....}
那么后一個方法將覆蓋前一個，雖然不報錯。
但是我們確實是可以實現(xiàn)重載的，如果你用過jQuery,你就會深有體會，比如$("#btn").val() 是獲取id為"btn"的按鈕的value值，而$("#btn").val("點我")則是給id為"btn"的按鈕賦值。
那么JavaScript是怎么實現(xiàn)（準(zhǔn)確地講應(yīng)該叫“模擬”）的呢?。
答案很簡單：arguments
arguments是JavaScript里的一個內(nèi)置對象，包含了調(diào)用者傳遞的實際參數(shù)，但不局限于函數(shù)聲明所定義的參數(shù)列表，而調(diào)用時只它和數(shù)組一樣有個length屬性?！?
我們暫且把它當(dāng)“數(shù)組”來理解吧，我們根據(jù)該數(shù)組的長度以及其元素的類型來選擇不同的實現(xiàn)，從而模擬了重載。
具體請看下面的示例：
復(fù)制代碼 代碼如下:
function getDate(){
if(arguments.length==0){
var date=new Date().toLocaleDateString();
return "您沒有輸入?yún)?shù)，現(xiàn)在時間："+date ;
}
if(arguments.length==1){
if(arguments[0].constructor ==Date){
return "您輸入的參數(shù)是Date類型，現(xiàn)在時間是："+arguments[0].toDateString();
}
if(arguments[0].constructor ==String){
return "您輸入的參數(shù)是String類型，現(xiàn)在時間是："+arguments[0];
}
}
}
于是我們可以這樣調(diào)用:
getDate()
getDate(new Date())
getDate("星期一")
這樣就實現(xiàn)了JavaScript的重載，不過我們發(fā)現(xiàn)這樣的“實現(xiàn)”實在是太勉強(qiáng)了，如果參數(shù)多了，就會顯得力不從心，代碼也會很亂，到處是if{...} 。所以我不建議在JavaScript中使用這樣的重載。
您可能感興趣的文章:
- javascript函數(shù)重載解決方案分享
- Javascript基礎(chǔ) 函數(shù)“重載” 詳細(xì)介紹
- java中重載、覆蓋和隱藏三者的區(qū)別分析
- PHP和JAVA中的重載(overload)和覆蓋(override) 介紹
- JavaScript 通過模式匹配實現(xiàn)重載
- 添加JavaScript重載函數(shù)的輔助方法2
- 為JavaScript添加重載函數(shù)的輔助方法
- Javascript 面向?qū)ο笾剌d
- javascript 面向?qū)ο?實現(xiàn)namespace,class,繼承，重載
- JavaScript 的方法重載效果
- 讓 JavaScript 輕松支持函數(shù)重載 (Part 2 - 實現(xiàn))
- 讓JavaScript 輕松支持函數(shù)重載 (Part 1 - 設(shè)計)
- java方法重載示例
相關(guān)文章
眾所周知，用jQuery的extend方法，可以很方便的實現(xiàn)繼承和對象拷貝，我們可以把它拿過來自己用2012-07-07
javascript面向?qū)ο缶幊虒嵗a，代碼也算比較基礎(chǔ)了，不懂得朋友可以參考腳本之家之前發(fā)布的文章。2010-06-06
JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。2009-12-12
首先說類，要聲明的是，至少到目前為止Javascript中沒有類，所謂的“類”其實不是真正的類，它只是表現(xiàn)的像其他面向?qū)ο蟮恼Z言中的類而已，它的本質(zhì)是函數(shù)+原型對象（prototype）。2010-01-01
這篇開始會分析流行的js庫之寫類方式。各種庫的寫類方式雖然千奇百怪，但仍然逃離不了本質(zhì)---用構(gòu)造函數(shù)和原型 來組裝類。2009-07-07
“組合模式”顧名思意就是將多種實現(xiàn)組合在一起而達(dá)到牽一處而動全身的效果。2010-04-04
用 構(gòu)造函數(shù)+原型 定義一個類；同一構(gòu)造函數(shù)可以定義出多個類型2009-07-07
javascript面向?qū)ο笾甁avascript 繼承
所有面向?qū)ο蟮恼Z言都應(yīng)該有繼承的特性，JavaScript 也不例外。2010-05-05
javascript面向?qū)ο蟮姆绞綄崿F(xiàn)的彈出層效果代碼
由于本人以前是.net程序員，所以即使現(xiàn)在在做前端，也習(xí)慣于用面向?qū)ο蟮姆绞骄帉慾s腳本，我想如果你以前也是或者現(xiàn)在還是名第三代程序員的話，應(yīng)該對此并不陌生。
2010-01-01