如何在TypeScript中定义接口并进行调用打印结果

2024-11-08 02:56:58

1、第一步,打开HBuilder工具,新建一个TypeScript文件,并使用interface创建接口,如下图所示:

如何在TypeScript中定义接口并进行调用打印结果

2、第二步,再在接口下方,定义函数searchInfo,传入user对象,打印user对象属性值,如下图所示:

如何在TypeScript中定义接口并进行调用打印结果

3、第三步,使用let关键字定义变量obj,有name、age和sex属性,如下图所示:

如何在TypeScript中定义接口并进行调用打印结果

4、第四步,然后调用第二步中的searchInfo方法,查看对应的打印结果,如下图所示:

如何在TypeScript中定义接口并进行调用打印结果

5、第五步,运行这个TypeScript文件,结果生成一个同名的js文件,如下图所示:

如何在TypeScript中定义接口并进行调用打印结果

6、第六步,将生成的js文件引入到刚刚创建的HTML5静态页面中,然后在浏览器查看打印结果,如下图所示:

如何在TypeScript中定义接口并进行调用打印结果
猜你喜欢