面试题：TypeScript 联合类型中 string 与 boolean 的复杂应用

Question

假设有一个函数，它接收一个参数，该参数可能是一个表示状态的 string（'active' 或 'inactive'），也可能是一个表示是否加载完成的 boolean。请用 TypeScript 定义该函数的参数类型，并实现这个函数，在函数内部根据不同的类型做不同的逻辑处理。

Answer 1

function handleValue(value: string | boolean) {
    if (typeof value ==='string') {
        if (value === 'active') {
            console.log('状态为 active');
        } else if (value === 'inactive') {
            console.log('状态为 inactive');
        }
    } else if (typeof value === 'boolean') {
        if (value) {
            console.log('加载完成');
        } else {
            console.log('未加载完成');
        }
    }
}