快捷導(dǎo)航

詳解JS函數(shù)重載

更新時(shí)間：2014年12月04日 10:03:14 投稿：hebedich

本文主要介紹了利用JavaScript中的特殊對(duì)象arguments來(lái)模擬函數(shù)重載的解決方案，非常的實(shí)用，給需要的小伙伴參考下

JS的函數(shù)定義可以指定形式參數(shù)名稱(chēng)，多多少少我們會(huì)以為js至少可以支持參數(shù)個(gè)數(shù)不同的方法重載，然而遺憾的是這僅僅是一個(gè)假象，js所有的參數(shù)都是以arguments傳遞過(guò)去的，這個(gè)參數(shù)類(lèi)似于數(shù)組，在函數(shù)調(diào)用的時(shí)候，所有的實(shí)參都是保存在了這個(gè)數(shù)據(jù)結(jié)構(gòu)里面，我們定義函數(shù)的時(shí)候所指定的形式參數(shù)其實(shí)是為這個(gè)數(shù)據(jù)結(jié)構(gòu)里面的數(shù)據(jù)定義一個(gè)快捷的訪(fǎng)問(wèn)方式。也就是說(shuō)js所有的函數(shù)都是支持無(wú)限個(gè)參數(shù)的，加上數(shù)據(jù)類(lèi)型是弱類(lèi)型，那么JS的函數(shù)除了名稱(chēng)就真的沒(méi)有方法區(qū)別了？

　　辦法總是有的，我們可以利用JavaScript中的特殊對(duì)象arguments來(lái)模擬函數(shù)重載。用它來(lái)判斷傳入?yún)?shù)的個(gè)數(shù)或類(lèi)型以區(qū)分重載。

1.根據(jù)參數(shù)個(gè)數(shù)重載

js判斷傳入?yún)?shù)數(shù)量可以用arguments.length這個(gè)屬性來(lái)判斷；

復(fù)制代碼代碼如下:

<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ù)類(lèi)型重載

判斷變量類(lèi)型的3種方法：
1.用 typeof 語(yǔ)句判斷變量類(lèi)型，typeof語(yǔ)句返回類(lèi)型對(duì)應(yīng)的字符串。
2.用 instanceof 語(yǔ)句判斷變量類(lèi)型，instanceof語(yǔ)句返回true/false。
3.用 constructor 屬性判斷變量類(lèi)型，這個(gè)屬性返回用來(lái)構(gòu)造該變量的構(gòu)造函數(shù)引用。
對(duì)照表：可以看出用 typeof 不能準(zhǔn)確的判斷出具體的類(lèi)型，所以我們用 constructor 來(lái)進(jìn)行判斷。

typeof string number object function boolean object object
constructor String Number Object Function Boolean Array User Define

復(fù)制代碼代碼如下:

<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>