JavaScript - 使函数可接受不同类型的参数
JavaScript 是一种灵活的编程语言，支持函数重载。函数重载是指在同一范围内对函数名使用不同的参数和参数类型定义多个函数的能力。JavaScript 中并没有直接提供函数重载的语法，但我们可以使用一些技巧来模拟实现函数重载。
1. 传统的 JavaScript 函数重载方法
在传统的 JavaScript 中，可以使用 if-else 语句或 switch 语句来根据传递的参数类型来区分函数的行为。
```html ```上面的例子展示了一个简单的函数 add，根据参数类型的不同，实现了两种不同的行为。然而，这种方法存在一些问题：当函数需要处理更多类型的参数时，if-else 或 switch 语句会变得冗长且难以维护。
2. 使用 arguments 对象实现函数重载
JavaScript 函数内部可以通过 arguments 对象访问传递给函数的所有参数。我们可以通过检查传递的参数数量和类型来实现函数重载。
```html ```上面的例子中，add 函数不再有命名的参数，而是通过 arguments 对象访问传递的参数。根据参数数量和类型的不同，实现了两种不同的行为。
3. 使用函数重载模式进行函数重载
为了更清晰地实现函数重载，我们可以使用函数重载模式。函数重载模式是通过定义多个同名的函数，在函数内部根据参数类型和数量来决定使用哪个函数。
```html ```上面的例子中，overloadAdd 函数根据参数类型的不同，调用了不同的具体实现函数。这种方式使代码更加清晰，易于维护。
4. 使用 ES6 中的默认参数实现函数重载
在 ES6 中，可以使用默认参数的方式实现函数重载。
```html ```上面的例子中，通过函数参数的默认值，实现了函数重载的效果。如果传递的两个参数都是数字，则执行数字相加的操作；如果其中存在字符串类型的参数，则执行字符串连接操作。
总结
JavaScript 中虽然没有直接提供函数重载的语法，但通过一些技巧，我们可以模拟实现函数重载的效果。从传统的 if-else 或 switch 到使用 arguments 对象，以及更清晰的函数重载模式和 ES6 中的默认参数，我们可以选择不同的方法来实现函数的多样化行为。这样，我们可以根据不同的参数类型和数量定义多个同名函数，增加代码的可读性和灵活性。
