javascript函數重載解決方案分享

javascript函數重載解決方案分享

 本文主要介紹了javascript函數重載解決方案,利用JavaScript中的特殊對象arguments來類比函數重載。用它來判斷傳入參數的個數或類型以區分重載

JS的函數定義可以指定形式參數名稱，多多少少我們會以為js至少可以支援參數個數不同的方法重載，然而遺憾的是這僅僅是一個假象，js所有的參數都是以arguments傳遞過去的，這個參數類似於數組，在函數調用的時候，所有的實參都是儲存在了這個資料結構裡面，我們定義函數的時候所指定的形式參數其實是為這個資料結構裡面的資料定義一個快捷的訪問方式。也就是說js所有的函數都是支援無限個參數的，加上資料類型是弱類型，那麼JS的函數除了名稱就真的沒有方法區別了？

 

辦法總是有的，我們可以利用JavaScript中的特殊對象arguments來類比函數重載。用它來判斷傳入參數的個數或類型以區分重載。

 

1.根據參數個數重載

 

js判斷傳入參數數量可以用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]);

    }

}

//函數調用

add(10);

add(10, 20);

</script>

 

 

2.根據參數類型重載

 

判斷變數類型的3種方法：

1.用 typeof 語句判斷變數類型，typeof語句傳回型別對應的字串。

2.用 instanceof 語句判斷變數類型，instanceof語句返回true/false。

3.用 constructor 屬性判斷變數類型，這個屬性返回用來構造該變數的建構函式引用。

對照表：可以看出用 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;

}

//函數調用

alert(add(10));

alert(add(10,20));

</script>