今天小編就將為大家解答如何實現JS函數的重載的內容,對于此問題有很多小伙伴們都還是不了解的,那么接下來的內容中小編就將著重介紹實現JS函數的重載的方法,希望對大家的學習有幫助。
javascript不能支持函數的重載,如下:
?
<script?language="JavaScript">
function?f(length)
{
????alert("高為:"+length);
}
function?f(length,width)
{
????alert("高為:"+length+",寬為:"+width);
}
</srcipt>
上面那段代碼其實是行不通的,因為函數定義時的參數個數和函數調用時的參數個數沒有任何關系。?在函數中可以用f.arguments[0]和f.arguments[1]得到調用時傳入的第一和第二個參數,所以定義function(length),后面用f(10,10)調用是沒有問題的。所以在上面這段代碼中,第二個函數是永遠不可能被調用到的,那么,要怎樣才能實現像函數重載那樣的功能呢?
????那就是在函數定義中用f.arguments.length判斷一下調用時傳入的參數個數。然后對不同的情況采用不同的處理方式。
如下:
?
?
?
<script?language="JavaScript">
function?f()
{
????var?len=?arguments.length;
????if(1?==?len)
????{
????????var?length?=?arguments[0];
????????var?width?=?arguments[1];
????????f2(length,width);
????}
????else
????{
????????var?length?=?arguments[0];
????????f1(length);
????}
}
function?f1(length)
{
????alert("高為:"+length);
}
function?f2(length,width)
{
????alert("高為:"+length+",寬為:"+width);
}
</srcipt>
這樣,你就可以給函數f()傳入一個參數也可以傳入兩個參數了,比如f(10)和f(10,10);
????個人覺得,這樣雖然可以實現重載,但也不是很好用,我們可以根據具體情況在一個函數中實現重載,如果要重載的兩個函數相差較大,那就保留兩個函數,而如果兩個函數的實現基本差不多,那么可以在一個函數中進行判斷,處理不同的部分,而不需要像上面那樣寫成三個函數,如下:
?
?
?
<script?language="JavaScript">
function?f(length)
{
????var?len=?arguments.length;
????if(1?==?len)
????{
????????var?width?=?arguments[1];
????????alert("高為:"+length+",寬為:"+width);
????}
????else
????{
????????alert("高為:"+length);
????}
}
</srcipt>
上文關于實現JS函數的重載方法就介紹完了,?雖然方法很簡單,但是在簡單的過程中其實暗藏玄機,還是要細心學習,喜歡還請記得收藏哦!