JavaScript 中的函数重载

问题一：什么是函数重载？

重载函数是函数的一种特殊情况，为方便使用，c++允许在同一范围中声明几个功能类似的同名函数，但是这些同名函数的形式参数（指参数的个数、类型或者顺序）必须不同，也就是说用同一个运算符完成不同的运算功能。这就是重载函数。重载函数常用来实现功能类似而所处理的数据类型不同的问题。

当然，不只是 c++，其它面向对象语言如 Java 也对函数重载有着原生支持。

重载的核心是这些同名函数参数的个数，类型，以及顺序必须不同。

有了强大的函数重载，就可以完成更多的功能。

问题二：那为什么 JavaScript 不支持函数重载呢？

这要从具体的语言特性说起：

我们知道，在 Java 中，通过函数签名来唯一确定一个函数。方法签名包括：方法名、参数类型和参数顺序、参数个数这几个要素（有的人认为返回值类型也应该包括在内）。所以，如果两个方法名称相同，但是只要其他要素(例如参数类型、参数个数)不同，编译器就会认为是不同方法。从而可以存在同名的不同方法，导致了函数重载现象。

然而在 JavaScript 中，函数实际上是功能完整的对象，它是一种引用类型，变量名实际上保存的是指向函数的指针，当指针改变了，前面定义的同名函数自然也就被覆盖掉了。

问题三：怎么让 JavaScript 支持函数重载呢？

要想让 JavaScript 支持函数重载，那么它必然需要具备下面两种能力：

• 判断传入参数数量的能力
• 判断传入参数类型的能力

熟悉 JavaScript 语言的朋友肯定知道，在 JavaScript 函数中存在一个 arguments 对象。

arguments对象不是一个 Array。它类似于数组，但除了长度之外没有任何数组属性。

有了 arguments 这个伪数组，我们便可以对传入参数的个数、类型进行判断了。

问题四：有没有更好的解决方案？

jQuery 之父 John Resig 会心一笑，他巧妙地利用了闭包，实现了 JavaScript 函数重载。

我们先不看具体代码怎么实现的，先说怎么用

比如说你想给一个 Person 对象实现这么一个方法，名字叫calculate：
* 当传入一个参数，返回该参数
* 当传入两个参数，返回参数的积
* 当传入三个参数，返回参数的和

这三个函数分别写出来应该是这样：

calculate1 (a) {return a;}

calculate2 (a, b) {return a*b;}

calculate3 (a, b, c) {return a+b+c;}

用 John Resig 给我们提供的 addMethod 方法我们只需要这样写：

addMethod(Person.prototype, calculate, calculate1);
addMethod(Person.prototype, calculate, calculate2);
addMethod(Person.prototype, calculate, calculate3);

恩我们的函数重载，就完成了。

啊？那这个 addMethod 方法，具体是怎么实现的呢？

直接看代码：

function addMethod(object, name, fn){
    var old = object[ name ];
    object[ name ] = function(){
        if ( fn.length == arguments.length )
            return fn.apply( this, arguments );
        else if ( typeof old == 'function' )
            return old.apply( this, arguments );
    };
}

这个函数的核心，就是利用 old 变量，将绑定前后的函数连接起来。

undefined <——– calculate1 <——– calculate2 <——– calculate3

这种重载方式也有它的缺点，它只能处理输入参数个数不同的情况，并不能区分参数的类型、名称等其他要素。

参考链接：《JavaScript Method Overloading》

---

注:

• 本站所有内容均属个人学习记录所用，一些内容来源网络疏于标注，若您发现有任何侵犯您权益的行为，请立即联系我删除，为您带来不便深表歉意
• 本人属前端小白一枚，若您在阅读中有任何技术问题或者发现任何错误，请及时联系我予以斧正，还望您不吝赐教
• 邮箱: email@zhangqingtian.com

---