如果在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中的类和接口中属性值
上一篇:道路上行驶的摩托车怎样安全出行
下一篇:托运狗狗需要注意什么