为什么JavaScript中没有重载?-原创手记-慕课网

ECMAScript中为什么没有函数重载的概念？

　　首先我们需要了解一个前提，在ES中函数都是对象，函数名实际上是一个指向函数的指针，并不与函数绑定，那么理解起来就很容易了。
　　接下来用一段简单的代码来阐述。

function add(a){
    return a+1;
};
function add(a,b){
    return a+b;
};
console.log(add(1));//NaN
console.log(add(2,3));//5

学过c++和Java等强类型语言的小伙伴可能以为传入一个参数和两个参数分别输出2和5。但实际上我们前面说函数名仅仅保存了指向函数对象的指针,创建第二个函数时add指向了新的函数对象，所以第一个函数并没有起任何作用。
那么只传入一个参数为什么会输出NaN?这就涉及到ES中灵活的传参机制。ES不介意你传递进来多少个参数，也不介意是什么类型（本来就是弱类型语言）,原因就是函数把接收到的参数放到一个数组里。可以通过arguments对象来访问这个数组。那么我们只传入第一个参数时，第二个参数并没有定义，值为Undefined.一个数字加上undefined当然等于NaN.

function add(a,b){
    console.log(arguments[0]+" "+arguments[1]);
    return a+b;
};
console.log(add(1));

//1 undefined
//NaN

所以我们的函数可以这样重写：

function add(){
    return arguments[0]+arguments[1];
};
console.log(add(1,2));//3

那么ES中我们如何实现重载呢？

我们已经理解了函数传参的机制，那么我们可以利用检查传入函数的参数的值和数量作出不同的反应，那么可以实现类似于重载的功能。

function add(){
    if(arguments.length == 1){
        return arguments[0]+1;
    }else if(arguments.length == 2)
    return arguments[0]+arguments[1];
};
console.log(add(1));//2
console.log(add(3,4));//7

更深入的可以查看JQuery的源码，其中大量实现了重载和各种情况下的处理。
https://github.com/jquery/jquery