ts类型断言

关注

原创最新推荐文章于 2026-06-08 16:14:46 发布 836 阅读 AI 写同款· GEO 优化 ›

24、TS中的类型断言上面的例子中，我们也可以通过[扩展 window 的类型（TODO）][]解决这个错误，不过如果只是临时的增加 foo 属性，as any 会更加方便。总之，一方面不能滥用 as any，另一方面也不要完全否定它的作用，阅读详情

interface Cat {
    name: string;
    run(): void;
}
interface Fish {
    name: string;
    swim(): void;
}

function isFish(animal: Cat | Fish) {
    if (typeof (animal as Fish).swim === "function") {
        return true;
    }
    return false;
}

function swimAsFish(animal: Cat | Fish) {
    (animal as Fish).swim(); // 虽然animail断言为Fish类型，躲避检查报错，但若animail不为Fish对象，运行时还是要报错
}

function swimAsAny(animal: Cat | Fish) {
    (animal as any).swim(); // 同理，animail断言为any类型，但any没有swim方法，运行时报错
}

const catObj = {
    name: "cat",
    run() {
        console.log("cat run");
    },
};

const fishObj = {
    name: "fish",
    swim() {
        console.log("fish run");
    },
};

console.log(isFish(catObj)); // false
console.log(isFish(fishObj)); // ture
console.log(swimAsFish(catObj)); // error
console.log(swimAsAny(catObj)); // error