JavaScript中實現函數重載和參數預設值

參數預設值是指在調用函數時，若省略了某個實參，函數會自動為該參數分配一個預設值，使得函數調用的方便性和靈活性大大提高。

舉個例子，比如PHP中的字串截取函數substr(string,start,length)，當不指定length時，函數將預設截取字串 中start位置到字串結束，而如果指定了length，則截取從start位置開始的以length為長度的字串，所以如果調用的是 substr('http://www.hualai.net.cn',11,6)，則返回的是hualai；如果省略掉最後一個參 數，substr('http://www.hualai.net.cn',11)，則返回hualai.net.cn。

再比如jQuery架構中，$(selector).html()方法是擷取該元素內的HTML代碼，而$(selector).html(content)則是設定該元素內的HTML。我們知道，在C語言中，我們可以通過如下形式來為函數參數設定預設值：

void foo(int a, int b = 1, bool c = false);  

在Java中，則可以通過函數重載來設定函數參數預設值：

public void foo(int a){      foo(a, 1);  }  public void foo(int a, int b){      foo(a, b, false);  }  public void foo(int a, int b, bool c){      //函數內容  }  

而在JavaScript中，如何像jQuery那樣設定函數參數預設值呢？JavaScript中並沒有像C語言中定義函數時直接在參數後面賦值 的方法，也沒有像Java裡那樣的函數重載，但我們可以通過JavaScript方法中的一個arguments唯讀變數數組來實現，具體如下： 

function foo(){      var a = arguments[0] ? arguments[0] : 1;      var b = arguments[1] ? arguments[1] : false;      //函數內容  }  

以上是通過判斷參數是否存在，若不存在則將預設值附給變數，而我們可以通過判斷參數的類型來實現重載：

 

function foo(){      if(typeof arguments[0] == 'string')           alert('參數類型為字串');       else if(typeof arguments[0] == 'number')           alert('參數類型為數值');   }  

或者：

 

function foo(){      if(arguments[0].constructor == String)           alert('參數類型為字串');       else if(arguments[0].constructor == Number)           alert('參數類型為數值');   }