如何正确键入 object 和 typescript 与属性 object

Question

我从 Typescript 开始，并尝试在if块中使用 object。 在if我测试条件 - 如果存在一个属性并且如果是这种情况，我可以将它用于if块但 TS 编译器似乎不理解

type Fish = {
    swim: () => void
}

type Bird = {
    fly: () => void
}

const test = function (pet: Fish | Bird) {
    if ((pet as Fish).swim) {
        pet.swim()
    }
}

游乐场链接

Answer 1

支票

if ((pet as Fish).swim)

对 TS 推断pet的类型没有任何帮助，因为每条 Fish 都已经swim过。 使用in来检查属性是否存在，并在pet上执行此操作，以便将pet缩小到Fish并且可以对其进行swim调用：

const test = function (pet: Fish | Bird) {
    if ('swim' in pet) {
        pet.swim();
    }
};

Answer 2

我认为您应该使用 typescript https://www.typescriptlang.org/docs/handbook/advanced-types.html的 Typeguard 功能

如果你这样做，它应该可以在你的罐子里工作：

function isFish(pet: Fish | Bird): pet is Fish {
  return (pet as Fish).swim !== undefined
}
const test = function (pet: Fish | Bird) {
    if (isFish(pet)) {
        pet.swim()
    }
}