JS不支持重载

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!"