因為js是一種弱類型的編程語言,對數據類型的要求沒有其他編程語言的要求嚴格,所以在定義函數的時候不需要像java和C#一樣對其傳入參數的類型進行定義。那么傳入參數的個數有沒有影響呢?今天小豬就做了個實驗。
<html> <head> <title> 函數調用測試,參數個數和函數聲明不一樣多 </title> <script language="JavaScript"> function needTwoPara(p1,p2){ var a=arguments; var result='我是個需要2個參數的函數\n' +'您輸入的參數的個數為:'+a.length+'\n' for(var i=0, len = a.length; i < len; i++){ result=result+'第'+(i+1)+'個參數為:'+a[i]+'\n' } result+='以上是用arguments來獲得參數\n'; result+='下面用變量來獲得參數:\n'; result+='p1:'+p1+'\n'; result+='p2:'+p2+'\n'; alert(result); } </script> </head> <body> <form> <input type="button" value="測試1--傳遞1個參數" onClick="JavaScript: needTwoPara('smallerpig');"> </form> <form> <input type="button" value="測試2--傳遞2個參數" onClick="JavaScript: needTwoPara('smallerpig','小小豬');"> </form> <form> <input type="button" value="測試3--傳遞3個參數" onClick="JavaScript: needTwoPara('smallerpig','小小豬','生命不息');"> </form> <form> <input type="button" value="測試4--傳遞4個參數" onClick="JavaScript: needTwoPara('smallerpig','小小豬','生命不息','學習不止');"> </form> </body> </html>
點擊第一個按鈕的返回結果:
我是個需要2個參數的函數 您輸入的參數的個數為:1 第1個參數為:smallerpig 以上是用arguments來獲得參數 下面用變量來獲得參數: p1:smallerpig p2:undefined
點擊第二個按鈕的返回結果:
我是個需要2個參數的函數 您輸入的參數的個數為:2 第1個參數為:smallerpig 第2個參數為:小小豬 以上是用arguments來獲得參數 下面用變量來獲得參數: p1:smallerpig p2:小小豬
點擊第三個按鈕的返回結果:
我是個需要2個參數的函數 您輸入的參數的個數為:3 第1個參數為:smallerpig 第2個參數為:小小豬 第3個參數為:生命不息 以上是用arguments來獲得參數 下面用變量來獲得參數: p1:smallerpig p2:小小豬
點擊第四個按鈕的返回結果:
我是個需要2個參數的函數 您輸入的參數的個數為:4 第1個參數為:smallerpig 第2個參數為:小小豬 第3個參數為:生命不息 第4個參數為:學習不止 以上是用arguments來獲得參數 下面用變量來獲得參數: p1:smallerpig p2:小小豬
理解原因:
ECMAScript函數的參數與大多數其他語言中的函數的參數有所不同。ECMAScript函數不介意傳遞進來多少個參數,也不在乎穿進來參數是什么數據類型。也就是是說,即便你定義的函數值接受兩個參數,在調用這個函數時也未必一定要是兩個參數。可以傳遞一個、三個甚至不傳遞參數,而解析器永遠不會有什么怨言。之所以會這樣,原因是ECMAScript中的參數在內部是用一個數組來運行的。函數接受到的永遠是這個數組,而不關心數組中包含哪些參數(如果有參數的話)。如果這個數組中不包含任何元素,無所謂;如果包含多個元素,也沒問題。實際上,在函數體內可以通過arguments對象來訪問這個參數數組,從而獲取傳遞給含糊的每一個參數。