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!"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章