在 TypeScript 中，我们经常需要对函数进行重载，以实现方法的多态。而对于有多个参数类型的函数重载，使用联合类型是一种非常合适的方式。
什么是联合类型
联合类型是 TypeScript 中的一种高级类型，它可以将多种类型组合成一个类型。语法格式为：
type MyType = Type1 | Type2 | Type3;
这表明 MyType 可以是 Type1、Type2、Type3 中的任意一种类型。
联合类型在函数重载中的应用
假设有这样一个需求：我们需要编写一个函数，接收两个参数，这两个参数可以是不同类型的数据。如果第一个参数是字符串类型，那么第二个参数必须是一个数字类型；如果第一个参数是数字类型，那么第二个参数必须是一个字符串类型。
这种情况下，我们可以使用函数重载来实现这个函数：
-- -------------------- ---- -------
-------- ------------- ------- -- -------- -----
-------- ------------- ------- -- -------- -----
-------- ------------- ------ - ------- -- ------ - -------- ---- -
-- ------- - --- -------- -- ------ - --- --------- -
-------------- -- - ------ --- - -- - ---------
- ---- -- ------- - --- -------- -- ------ - --- --------- -
-------------- -- - ------ --- - -- - ---------
- ---- -
-------------------- ------------
-
-这个函数有两个函数签名，分别对应两个参数类型的情况。第三个函数签名是实际的函数实现，它接收两个参数，类型为 string | number 和 string | number，并根据参数的类型进行不同的处理。
更进一步的联合类型
在上面的例子中，我们使用了简单的联合类型，只有两个类型组成，但实际上，我们可以使用更复杂的联合类型，例如：
type MyType = string | number | boolean;
或者
type MyType =
| { type: "string"; value: string }
| { type: "number"; value: number }
| { type: "boolean"; value: boolean };这些联合类型可以帮助我们更好地描述数据类型，从而增强代码的可读性和健壮性。
总结
联合类型是 TypeScript 中非常实用的一种类型，在函数重载中有广泛的应用。通过对不同参数类型的函数签名的定义，我们可以使用一种函数名称来实现不同的功能。联合类型还可以应用于其他复杂的数据类型，帮助增强代码的可读性和健壮性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a4931f48841e9894102221