js如何实现函数重载？

JavaScript并没有像一些其他编程语言（如Java或C++）那样提供原生的函数重载支持，但可以通过一些技巧来模拟实现。JavaScript中的函数是动态类型的，同一个函数名可以有不同数量和类型的参数。以下是一种实现函数重载的方式：

function add() {
    // 根据参数数量和类型执行不同的逻辑
    if (arguments.length === 2 && typeof arguments[0] === 'number' && typeof arguments[1] === 'number') {
        return arguments[0] + arguments[1];
    } else if (arguments.length === 3 && typeof arguments[0] === 'number' && typeof arguments[1] === 'number' && typeof arguments[2] === 'number') {
        return arguments[0] + arguments[1] + arguments[2];
    } else {
        throw new Error('Invalid arguments');
    }
}

console.log(add(2, 3));        // 输出 5
console.log(add(1, 2, 3));     // 输出 6
// console.log(add(1, '2'));   // 抛出错误，因为参数类型不匹配

在上面的例子中，add 函数根据传递的参数数量和类型执行不同的逻辑。这种方法可以模拟函数重载，但需要手动检查参数，较为繁琐。

另一种更优雅的方式是使用ES6中引入的默认参数和rest参数：

function add(...args) {
    // 根据参数数量和类型执行不同的逻辑
    if (args.length === 2 && typeof args[0] === 'number' && typeof args[1] === 'number') {
        return args[0] + args[1];
    } else if (args.length === 3 && typeof args[0] === 'number' && typeof args[1] === 'number' && typeof args[2] === 'number') {
        return args[0] + args[1] + args[2];
    } else {
        throw new Error('Invalid arguments');
    }
}

console.log(add(2, 3));        // 输出 5
console.log(add(1, 2, 3));     // 输出 6
// console.log(add(1, '2'));   // 抛出错误，因为参数类型不匹配

这种方式使用了rest参数，它会将所有传递给函数的参数收集到一个数组中。然后，你可以根据数组的长度和元素的类型执行相应的逻辑。这样可以减少代码冗余，并使代码更加清晰。