手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用TypeScript对象获取属性的值和调用方法

时间:2024-10-31 21:36:10

1、第一步,在已创建的TypeScript文件中,定义一个对象user,有属性no和name,方法show,如下图所示:

如何使用TypeScript对象获取属性的值和调用方法

2、第二步,调用console.log(),依次打印对象user中的属性no和name,如下图所示:

如何使用TypeScript对象获取属性的值和调用方法

3、第三步,使用对象点show方法,并在这个方法中打印对象中的no和name,如下图所示:

如何使用TypeScript对象获取属性的值和调用方法

4、第四步,在重新定义show方法前后调用这个方法,然后查看打印结果,如下图所示:

如何使用TypeScript对象获取属性的值和调用方法

5、第五步,保存代码并使用TypeScript插件命令进行编译,生成了一个JavaScript文件,如下图所示:

如何使用TypeScript对象获取属性的值和调用方法

6、第六步,接着将JavaScript文件引入到页面中,然后使用浏览器进行预览查看结果,如下图所示:

如何使用TypeScript对象获取属性的值和调用方法
© 手抄报圈