javascript 函数重载(深入理解)

1、javascript没有函数重载的概念

ECMAScript中的函数不能重载。考虑到ECMAScript与其他支持重载的高级程序设计语言相似，所以它不支持重载的特点不免让人

感到意外。可用相同的名字在同一个作用域中定义两个函数，而不会引发错误，但真正使用的是后一个函数。考虑下面的例子：

function add(num1) { return num1 + 100; } function add(num1) { return num1 + 200; } var result = add(100); //300  

    这个例子声明了2个同名函数，而结果则是后面的函数覆盖了前面的函数。以上代码与下面代码相同：

    var add = function(num1) { return num1 + 100; }; add = function(num1) { return num1 + 200; }; 

说明：在创建第二个函数时，实际上覆盖了引用第一个函数的变量add，原因在于函数是一种引用类型

 

2、javascript函数模拟的重载

     在JavaScript中函数是不支持重载的，如果我们必须要用到重载怎么办呢？这时候就得用到arguments对象了，它可以检测到返回的函数参数个数。我们可以调用它的length属性来做判断从而达到防重载的效果。用法如下：

function add() { if(arguments.length == 1) { alert(arguments[0] + 100); } else if(arguments.length == 2) { alert(arguments[0] + arguments[1]); } } add(10); //输出 "110" add(40, 20); //输出 "60"