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

时间:2023-03-08 20:14:53
在 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 参数数组来获取