JavaScript的函数支持重载吗？

原创 2017年01月05日 16:41:12

• 标签：
• javascript /
• 重载

• 1346

        JavaScript的函数支持重载吗？对于这个问题，主要有两个点，第一，JavaScript的函数；第二，重载。

        首先，说一下重载。所谓重载，简单说，就是函数或者方法有相同的名称，但是参数列表不相同的情形，这样的同名不同参数的函数或者方法之间，互相称之为重载函数或者方法。所以说，重载主要需要两点：第一，同样的函数名。第二，不同的函数参数。

        明确了重载的定义之后，我们再回到JavaScript这里。追本溯源，现在一说到JavaScript，我们就可以联想到ECMAScript，即JavaScript的标准。那么，这个标准里面对函数做出了那些规范呢？

        首先，ECMAScript是没有函数签名的概念的，因为其参数是由包含零或多个值的数组来表示的。而没有函数签名，真正的重载是不可能做到的。

        其次，如果在ECMAScript中定义了两个名字相同的函数，则该名字只属于后定义的函数，如下：

[javascript] view plain copy

1. function add(num){  
2.     return num+1;  
3. }  
4. function add(num){  
5.     return num+2;  
6. }  
7. var result = add(4);  //结果为6  

在上面的例子中，add()函数被定义了两次，然而，当我们调用他的时候，却直接调用了第二个函数，这说明在JavaScript中，后定义的函数会覆盖先定义的函数。

       说到这里，是不是就可以判定JavaScript不支持函数重载了呢？

       让我来介绍一下JavaScript里面的一个arguments对象。首先，ECMAScript函数的参数与其他语言的函数参数有一点不同。ECMAScript函数不介意传进来的参数个数和类型。也就是说，在你定义了函数只接受两个参数之后，你仍然可以在调用的时候传递零或多个参数。这并不会报错。原因就在于arguments对象。ECMAScript中，函数的参数始终是存放在一个数组中，而通过arguments对象，就可以访问到这个数组。所以，只需要使用length属性就可以确定调用函数时传递了多少个参数。

       说到这里，我们可以来尝试这样写：

[html] view plain copy

1. function add(num1, num2){  
2.     if(arguments.length == 1){  
3.         alert("你输入的只有一个数字:"+arguments[0]+" 请重新输入");  
4.     }else if(arguments.length == 2){  
5.         alert("你输入数字的和为：" + arguments[0]+arguments[1]);  
6. }  
7. }  

       通过这个例子，我们可以看出，通过检查传入函数中参数的数量，JavaScript函数可以做出不同的反应，这可以间接达到重载的目的。

所以，JavaScript是可以模仿函数的重载的。