一步一步学习TypeScript(08.隐式/显示类型转换)

最新推荐文章于 2025-05-18 23:22:33 发布

原创最新推荐文章于 2025-05-18 23:22:33 发布 · 1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

TypeScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍TypeScript中的隐式与显式类型转换，并通过实例演示如何使用<>符号进行类型转换，包括从any类型转换到其他类型的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

implicit/explicit cast (隐式/显示类型转换)

TypeScript中可以显示表明对象的类型 .
转换一个类型到其它类型时可以使用<>符号, 如 <T>value .
any类型可以转换成任意对象类型,反之亦然 .

看下面代码说明

class A{
    run(){
        console.log('run run run');
    }

    jump(){
        console.log('jump jump jump');
    }
}

class B{
    run(): void{
        console.log('slow run');
    }

    cry(){
        console.log('cry cry cry');
    }

}

var a = new A();     //隐式转换a的类型
var a1: A = new A(); //也可以显示的表明a1的类型

var b = new B();
a = b;     //错误, 类型B不能直接赋值给类型A, 因为在B中没有定义jump方法
a = <A> b; //错误, ts中使用 `<>` 进行强制类型转换 ,错误原因同上

var b1: any = new B();  //声明为any类型 any类型可以转成任意其它类型,反之亦然
a = b1;    //OK
b1 = a;    //OK

var b2: any = new B();
var newA = <A>b2;  //把b2的B类型转为A类型
newA.run();        //OK, 打印 slow run
newA.jump();       //编译期间不会有问题,  但是运行期间会出现异常 `newA.jump is not a function`