javascript函數(shù)重載解決方案分享
JS的函數(shù)定義可以指定形式參數(shù)名稱,多多少少我們會以為js至少可以支持參數(shù)個數(shù)不同的方法重載,然而遺憾的是這僅僅是一個假象,js所有的參數(shù)都是以arguments傳遞過去的,這個參數(shù)類似于數(shù)組,在函數(shù)調(diào)用的時候,所有的實參都是保存在了這個數(shù)據(jù)結(jié)構(gòu)里面,我們定義函數(shù)的時候所指定的形式參數(shù)其實是為這個數(shù)據(jù)結(jié)構(gòu)里面的數(shù)據(jù)定義一個快捷的訪問方式。也就是說js所有的函數(shù)都是支持無限個參數(shù)的,加上數(shù)據(jù)類型是弱類型,那么JS的函數(shù)除了名稱就真的沒有方法區(qū)別了?
辦法總是有的,我們可以利用JavaScript中的特殊對象arguments來模擬函數(shù)重載。用它來判斷傳入?yún)?shù)的個數(shù)或類型以區(qū)分重載。
1.根據(jù)參數(shù)個數(shù)重載
js判斷傳入?yún)?shù)數(shù)量可以用arguments.length這個屬性來判斷;
<script type="text/javascript">
function add() {
if (arguments.length == 1) {
alert(arguments[0] + 10);
}
else if (arguments.length == 2) {
alert(arguments[0] + arguments[1]);
}
}
//函數(shù)調(diào)用
add(10);
add(10, 20);
</script>
2.根據(jù)參數(shù)類型重載
判斷變量類型的3種方法:
1.用 typeof 語句判斷變量類型,typeof語句返回類型對應(yīng)的字符串。
2.用 instanceof 語句判斷變量類型,instanceof語句返回true/false。
3.用 constructor 屬性判斷變量類型,這個屬性返回用來構(gòu)造該變量的構(gòu)造函數(shù)引用。
對照表:可以看出用 typeof 不能準確的判斷出具體的類型,所以我們用 constructor 來進行判斷。
typeof | string | number | object | function | boolean | object | object |
constructor | String | Number | Object | Function | Boolean | Array | User Define |
<script type="text/javascript">
function add()
{
if (arguments.length == 0) return 0;
var sum=0;
for(var i=0; i<arguments.length; i++){
if(arguments[i].constructor == Number){
//或者改為:if(arguments[i] instanceof Number)
//或者改為:if(typeof(arguments[i])=="number")
sum += arguments[i];
}
}
return sum;
}
//函數(shù)調(diào)用
alert(add(10));
alert(add(10,20));
</script>
- 如何實現(xiàn)JS函數(shù)的重載
- js 覆蓋和重載 函數(shù)
- js中方法重載如何實現(xiàn)?以及函數(shù)的參數(shù)問題
- JS函數(shù)重載的解決方案
- 有關(guān)于JS構(gòu)造函數(shù)的重載和工廠方法
- Javascript基礎(chǔ) 函數(shù)“重載” 詳細介紹
- 詳解JS函數(shù)重載
- 為JavaScript添加重載函數(shù)的輔助方法
- JavaScript中的函數(shù)重載深入理解
- 添加JavaScript重載函數(shù)的輔助方法2
- 通過實例理解javascript中沒有函數(shù)重載的概念
- JavaScript函數(shù)重載操作實例淺析
相關(guān)文章
JavaScript中也使用$美元符號來代替document.getElementById
JavaScript可以定義$符號函數(shù),簡寫或書寫兼容性更好的代碼。2010-06-06javascript創(chuàng)建和存儲cookie示例
javascript創(chuàng)建和存儲cookie,cookie是存儲于訪問者的計算機中的變量,下面看一下使用示例吧2014-01-01javascript 構(gòu)造函數(shù)方式定義對象
這篇文章主要介紹了javascript 構(gòu)造函數(shù)方式定義對象的方法及示例,需要的朋友可以參考下2015-01-01