多语言展示
当前在线:1477今日阅读:155今日分享:35

如何在TypeScript分别使用接口和类的属性并调用

如果在TypeScript中,定义一个接口和一个类,可以声明一个接口类型变量,然后使用实例化类对象,对这个变量重新赋值;接着依次调用并查看对应的属性。下面利用实例说明,操作如下:
工具/原料
1

TypeScript

2

JavaScript

3

HTML5

4

HBuilderX

5

浏览器

6

截图工具

方法/步骤
1

第一步,在TypeScript文件中,定义一个User接口,有属性name、age、sex和addr,如下图所示:

2

第二步,再定义一个Student类,属性个数和名称跟第一步中是一样的,如下图所示:

3

第三步,利用接口类型声明一个变量u,然后利用类Student进行实例化,赋值给变量u,如下图所示:

5

第五步,保存代码并使用TypeScript命令进行编译,生成对应的JavaScript文件,如下图所示:

6

第六步,将已经编译好的JavaScript文件,引入到页面中,并在浏览器中预览效果,如下图所示:

注意事项
1

注意TypeScript中的接口和类赋值给变量的写法

2

注意获取TypeScript中的类和接口中属性值

推荐信息