JS不能重載

也許你嘗試過這樣寫JS代碼: 
function sayHello(name, message){ 
  alert("Hello! " + name + message); 


function sayHello(name){ 
  alert("Hello! " + name); 


sayHello("Peter", "Nice to see you."); 

可惜你永遠也不會得到你想要的結果,這段代碼只會返回"Hello! Peter",因爲它只會執行第二個function. 

測試一下,用函數的length屬性可以知道函數需要幾個參數: 
alert(sayHello.length); // 1 
證明調用的是function sayHello(name). 

也可以直接把函數名引用的函數顯示出來: 
alert(sayHello); 
你會看到顯示的是第二個函數. 

你可以這樣寫: 
function sayHello(){ 
  if(arguments.length == 1){ 
    alert("Hello! " + arguments[0]); 
  } 
  if(arguments.length == 2){ 
    alert("Hello! " + arguments[0] + arguments[1]); 
  } 


sayHello("Peter"); // "Hello! Peter", 
sayHello("Peter", ", Nice to see you."); // "Hello! Peter, Nice to see you." 
arguments是參數數組對象,它存儲了傳給函數的參數. 

原因是function函數只不過是一種引用類型,當你第二次使用函數名定義函數時會把第一次定義的函數覆蓋掉. 
var handle = function(){ 
  alert("Understand?"); 


handle(); // "Understand?" 

既然函數只是引用類型,那麼就可以把它作爲參數傳給其他函數 
var handle = function(){ 
  alert("GoodBye!"); 


function say(fun){ 
  fun(); 


say(handle); // "GoodBye!"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章