在 TypeScript 中，重载函数是一种强大的类型检查机制，它可以根据不同的参数类型和个数自动选择正确的函数实现。如果我们在函数定义时使用了重载，那么在函数调用时 TypeScript 编译器会为我们进行参数类型检查，并根据参数类型自动调用正确的函数。
何为函数重载
函数重载是指在编程语言中允许某个函数拥有多个名称和参数列表的定义。在 TypeScript 中定义重载函数的语法如下：
function funcName(param1: type1): returnType1; function funcName(param1: type1, param2: type2): returnType2; function funcName(param1: type1, param2: type2, param3: type3): returnType3;
其中，funcName 为函数名，每个函数定义之间使用分号 ; 分隔，每个函数定义包括参数列表和返回值类型。
注意，重载函数的实现体只需要定义一次，编译器会自动根据函数的定义来选择正确的实现体。
重载函数的应用场景
在 TypeScript 中，重载函数通常用于实现类库或框架的 API 接口，以方便用户使用。
例如，Array.isArray 函数就是一个非常典型的重载函数，它可以接收任意类型的参数并返回一个布尔值表示参数是否为数组类型。
declare function isArray(arg: unknown): arg is any[];
在实现一个库或框架时，通过重载函数来限制用户的参数输入，可以保证函数的正确性和安全性。同时，重载函数还可以提高代码的可读性和可维护性。
重载函数的实例
接下来我们通过一个简单的例子来演示如何在 TypeScript 中定义和使用重载函数。
-- -------------------- ---- ------- -------- ------ ------- -- -------- ------- -- ------- -------- ------ ------- -- -------- ------- -- ------- -------- ------ ---- -- ----- --- - -- ---------- ------ - - -- - ------------------ ---- -- ---- ------------------------ --------------- -- ------------------展开代码
在上述例子中，我们定义了两个不同的函数签名，一个是接受两个 number 类型的参数并返回一个 number 类型的值，另一个是接受两个 string 类型的参数并返回一个 string 类型的值。
然后我们只需要定义一个函数实现体，它可以接受任意类型的参数，并返回相应类型的结果。
最后，我们通过 console.log 函数来测试了一下我们的 add 函数，它可以正确地处理不同类型的参数并返回正确的结果。
总结
在 TypeScript 中，重载函数是一种非常实用的类型检查机制，它可以帮助我们避免代码中的一些问题，提高代码的健壮性和可读性。
在定义重载函数时，我们需要根据实际情况来选择合适的函数签名和实现体。同时，在调用重载函数时，我们需要确保输入的参数类型和个数与函数定义相匹配，以保证函数的正确性。
总之，重载函数是一种非常强大的 TypeScript 特性，它为我们提供了更加严格的类型检查和更加安全的编程体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6471695f968c7c53b0f4711e
