多语言展示
当前在线:1346今日阅读:39今日分享:10

如何定义TypeScript非必填的参数接口并调用

在TypeScript中,除了定义了必填的属性参数之外,还可以定义非必填的属性参数,使用 属性?:数据类型 的形式。下面利用具体的实例说明如何定义,操作如下:
工具/原料
1

TypeScript

2

JavaScript

3

HBuilder

4

浏览器

5

截图工具

方法/步骤
1

第一步,在HBuilder工具中新建TypeScript文件,定义接口Student,有三个属性name、phone和addr,其中后面两个使用了?号,如下图所示:

2

第二步,再定义一个函数judgeStu,传入student对象,参数有phone和addr,如下图所示:

3

第三步,声明一个变量stuInfo,调用第二步中的函数,赋值给stuInfo,如下图所示:

4

第四步,运行这个TypeScript文件,结果出现了报错,检查代码是函数返回值出现了错误,如下图所示:

5

第五步,函数传入是个对象,返回值应该也是个对象,结果是字符串,修改返回值之后再调用,如下图所示:

6

第六步,将judgeStu函数返回值改为info对象,然后再次运行不报错,如下图所示:

注意事项
1

注意如何在TypeScript接口中定义必填和非必填的参数

2

注意如何定义类和接口

推荐信息