页面 JavaScript 存在多个同名方法的调用分析

在 JavaScript 中，不存在方法重载的概念，方法重载指的是可以定义不同类型的参数和参数个数的同名方法，然后可以按需调用。

如需实现按参数个数的不同去执行不同的方法主体，正确的做法是通过定义一个方法，通过方法本身的 arguments 参数数组来判断参数个数，然后分别处理。

 

这里举个页面 JavaScript 存在多个同名方法的例子： 

<script type="text/javascript">
    function jsMethod(arg1, arg2) {
    }

    function jsMethod(arg1, arg2, arg3) {
    }

    jsMethod(1, 2); //总是调用页面最后加载的同名方法，无法通过直接的参数个数进行区分；这里会调用jsMethod(arg1, arg2, arg3)，而不是自以为的jsMethod(arg1, arg2)    
</script>

通过分析，有3点结论：

（1）当页面 JavaScript 存在多个同名方法时，总是调用页面最后加载的同名方法，无法通过直接的参数个数进行区分

（2）如上 jsMethod(1, 2) 调用情况，属于实参个数少于形参个数；调用时多余的形参则为未定义，即 arg3 为 undefined

（3）而如果是使用 jsMethod(1, 2, 3, 4) 这样的调用情况，属于实参个数多于形参个数；调用时多余的实参只能通过方法本身的 arguments 参数数组来获取