JavaScript中利用arguments实现方法重载

JavaScript方法重载的替代方案

在许多面向对象的高级编程语言中，方法重载是一项基础特性。然而，JavaScript语言本身并不直接支持方法重载的概念。不过，开发者可以利用arguments参数来模拟实现类似的功能。

在深入探讨模拟实现之前，我们先通过一段基础代码来观察JavaScript中函数调用的行为。

//表面上没有声明形式参数的函数
function fun() {
alert("示例代码");
}
fun("小明", 100, true);//自己写了三个实际参数

运行结果证实，即便函数定义时未声明形式参数，调用时依然可以传入任意数量的实际参数。需要注意的是，形式参数主要是为了方便程序员阅读代码而设计的，并非调用所必需。

利用arguments获取实际参数

那么，我们是否能在函数内部获取到这些实际传入的参数呢？答案是肯定的，具体实现如下所示。

//表面上没有声明形式参数的函数
function fun() {
alert(arguments[0]);//得到第一个实际参数的值。
alert(arguments[1]);//得到第二个实际参数的值。
alert(arguments[2]);//得到第三个实际参数的值。
alert(arguments.length);//得到实际参数的个数。
alert("示例代码");
}
fun("小明", 100, true);//自己写了三个实际参数

通过上述代码可以明确，arguments是一个内部属性对象，其表现类似于数组，专门用于存储函数调用时传入的所有实际参数。

基于参数数量的重载模拟实现

掌握了上述知识点后，模拟方法重载的思路便清晰了。我们可以通过检查实际参数的数量（arguments.length）来进行条件判断，进而执行不同的业务逻辑。简单的实现代码如下：

function fun() {
if (arguments.length == 0) {
alert("执行没有实际参数的代码");
}
} else if(arguments.length==1)
{
alert("执行传入一个实际参数的代码");
}
} else if(arguments.length==2)
{
alert("执行传入两个实际参数的代码");
}
}
}
fun();
fun("小明");