在 TypeScript 中，我们可以通过 Union 类型来定义一个属性可能拥有的多种数据类型。例如：
let variable: string | number; variable = "hello world"; variable = 123;
上面的代码中，variable 可以是字符串类型或者数字类型。
但是如何对 Union 类型进行操作呢？让我们来看一些常用的操作。
判断 Union 类型具体的数据类型
我们可以通过 typeof、instanceof 或者 in 运算符来判断 Union 类型具体的数据类型。例如：
-- -------------------- ---- -------
-------- -------------- ------ - ------- -
-- ------- ----- --- --------- -
------------------ -- - ------- -- -------
- ---- -- ------- ----- --- --------- -
------------------ -- - ------- -- -------
-
-
-------------- --------
-------------上面的代码中，我们用 typeof 来判断 input 是否为字符串或数字类型。
同样的，我们也可以使用 instanceof 来判断是否为某个类的实例，或者用 in 运算符来判断一个属性是否存在于一个对象中。
Union 类型的类型保护
在处理 Union 类型时，我们需要注意的是一些类型保护的问题。
例如，以下代码是有问题的：
function myFunc(input: string | number) {
if (input.length > 0) {
console.log("input is a non-empty string: ", input);
} else {
console.log("input is a number: ", input);
}
}上面的代码中，我们试图通过 input.length 来判断 input 是否为字符串类型。然而，由于数字类型是没有 .length 属性的，所以 TypeScript 编译器会报错。
为了解决这个问题，我们可以使用类型保护技术。例如：
function myFunc(input: string | number) {
if (typeof input === "string") {
console.log("input is a string with length: ", input.length);
} else {
console.log("input is a number: ", input);
}
}上面的代码中，我们使用 typeof 来判断 input 是否为字符串类型。这样就可以避免出现类型错误的问题。
交叉类型和联合类型
有时候，我们可能需要同时使用交叉类型和联合类型。例如：
-- -------------------- ---- ------- --------- ------- - ----- ------- ---- ------- - --------- ---------- - --------- ------- - ---- ----------------- - ------- - ---------- - -------
上面的代码中，我们定义了一个 PersonOrDeveloper 类型，它可以是 IPerson 和 IDeveloper 属性的交叉类型，也可以是字符串类型。
在使用这个类型的时候，我们需要注意一些类型保护问题。例如：
-- -------------------- ---- -------
-------- -------------------------- ------------------ -
-- ------- ----------------- --- --------- -
------------------------------ -- - ------- -- -------------------
- ---- -
------------------------------ -- - ------ -- ------------
-- ------- -- ------------------ -
------------------------------ -- - ------- -- ------------------------
- ---- -
------------------------------ -- - ---------- -- ----------------------------
-
-
-上面的代码中，我们使用 in 运算符来判断 personOrDeveloper 是否为 IPerson。
总结
通过本文，我们学习了 TypeScript 中如何处理 Union 类型。我们学习了如何判断 Union 类型具体的数据类型，以及如何解决类型保护的问题。我们还学习了如何同时使用交叉类型和联合类型。
在实际应用中，我们需要根据具体情况综合运用这些技术，以确保代码的正确性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65013f8595b1f8cacdf0505f