typescript 类型保护 : Using the in operator

Question

我正在学习 TypeScript 并从 Official DOCS 练习类型保护

我正在使用 TypeScript 3.5.3 测试所提供的示例(或多或少):

function exec(strOrNum: string | number) {
    if ("substring" in strOrNum) {
        return strOrNum.substring(1);
    }
    return strOrNum.toExponential(2);
}

但是 VSCode 抛出以下错误:

The right-hand side of an 'in' expression must be of type 'any', an object type or a type parameter.ts(2361)

我不明白，有什么想法吗？

Answer 1

The in operator returns true if the specified property is in the specified object or its prototype chain.

这意味着它对对象(或数组)而不是字符串进行操作。

如果你想添加一个类型保护来区分 string 和 number 你必须使用 typeof:

function exec(strOrNum: string | number) {
    if (typeof strOrNum === "string") {
        return strOrNum.substring(1);
    }
    return strOrNum.toExponential(2);
}

如果您有两个接口(interface)的联合，您将使用 in 运算符:

interface A {
    a: string;
}

interface B {
    b: number;
}


function test(arg: A | B): string {
    if ('a' in arg) {
        return arg.a;
    }
    return arg.b.toFixed(2);
}