什么是方法重载？
方法重载指的是同一个方法名称可以接受不同数量或者类型的参数，从而实现不同的行为。
在其他编程语言中（如Java、C++），方法重载是很自然的事情，而在 JavaScript 中，并不像其他编程语言一样有函数重载的概念。这种情况下，JavaScript 开发人员通常需要借助参数类型或者参数数量来实现类似方法重载行为。
在ES11之前，我们一般通过以下方式来实现方法重载的效果：
function add(x, y) {
if (typeof x === 'number' && typeof y === 'number') {
return x + y;
} else if (typeof x === 'string' && typeof y === 'string') {
return x.concat(y);
}
}我们需要手动判断参数的类型，从而实现对应的处理逻辑。
这种方式虽然在一些小项目中还行，但是在大型项目中，不仅复杂而且容易出错，使开发人员的工作效率不高。
ES11 如何实现方法重载？
ES11 标准中引入了可选的类型断言（Optional Chaining），可以简化方法重载实现。
可选的类型断言可以用来处理我们无法使用 TypeScript 或 Flow 等类型检查工具的情况下进行类型检测的问题。
// javascriptcn.com 代码示例
function add(x: number, y: number): number;
function add(x: string, y: string): string;
function add(x: any, y: any): any {
if (typeof x === 'number' && typeof y === 'number') {
return x + y;
} else if (typeof x === 'string' && typeof y === 'string') {
return x.concat(y);
}
}只需要在函数声明中设定对应的函数类型，即可通过类型断言来实现参数类型的自动匹配。
即，当传入参数为 number 和 number 时，返回值类型为 number；传入参数为 string 和 string 时，返回值类型为 string。
ES11 通过类型断言实现函数重载，可以让代码更加简洁易读，不仅强类型支持更友好，而且还可以显著减少代码量，提高了开发效率，减少了Bug出现的可能性。
总结
当然，ES11 引入的参数类型实现方法重载功能并不是完全解决 JavaScript 中没有函数重载的问题，但对于参数类型判断的场景，方式更加优雅且高效。
当我们需要对参数进行不同的处理，但有功能类似的情况时，使用参数类型重载是一个不错的选择。
当然，在实际业务中，我们可以搭配 JSDoc 的类型声明来使代码更加语义化，这样对于阅读和维护代码也会更加友好。
作者：柒月笙心 链接：https://juejin.cn/post/6934658961735449614 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/651bfe5495b1f8cacd3940ce