如何使用TypeScript函数调用接口作为参数类型

2026-02-28 13:10:14

1、第一步,在TypeScript文件中,定义一个接口Pig,有属性color(字符串类型),如下图所示:

如何使用TypeScript函数调用接口作为参数类型

2、第二步,声明一个变量p,它的数据类型就是第一步中定义的接口Pig,如下图所示:

如何使用TypeScript函数调用接口作为参数类型

3、第三步,再定义一个对象r,有属性name和type,然后分别给这两个属性进行赋值,如下图所示:

如何使用TypeScript函数调用接口作为参数类型

4、第四步,再将对象r赋值给变量p,然后查看将r传入到函数中的结果,如下图所示:

如何使用TypeScript函数调用接口作为参数类型

5、第五步,定义一个函数getColor,参数为c,类型为Pig;然后调用这个函数,如下图所示:

如何使用TypeScript函数调用接口作为参数类型

如何使用TypeScript函数调用接口作为参数类型

6、第六步,保存代码并使用TypeScript命令进行编译,结果显示为undefined;修改对象r中的name,将其改为color,然后再次编译查看结果,如下图所示:

如何使用TypeScript函数调用接口作为参数类型

如何使用TypeScript函数调用接口作为参数类型

猜你喜欢