1、第一步,创建一个TypeScript文件,定义接口Plant,有属性name和type,如下图所示:
2、第二步,定义一个函数showData,传入参数p,Plant类型;分别打印name和type,如下图所示:
3、第三步,再定义一个对象obj,属性有name和type,分别赋值显示,如下图所示:
4、第四步,调用函数showData,传入参数obj,然后查看打印的值,如下图所示:
5、第五步,保存代码并对ts文件进行编译,生成同名的JavaScript文件,如下图所示:
6、第六步,将已经编译好的JavaScript文件引入到HTML5页面中,查看打印结果,如下图所示: