typescript(四)ts中函数的参数和返回值的类型定义

本文详细介绍了在TypeScript中如何定义函数参数和返回值的类型,包括单个或多个变量、数组、对象及函数类型的参数,以及如何为不同类型的返回值进行类型注解,如数字、布尔值、字符串、对象和数组。此外,还提到函数返回值为undefined时使用void类型的情况。
摘要由CSDN通过智能技术生成

前面我们讲到过ts的静态类型定义中的函数类型定义,先来回顾下:

const fnA: () => string = () => { return '1' }
const fnB: () => number = () => 6
const fnC: () => boolean = () => true

拓展下:在接口中如何定义函数类型呢?接口后期会讲

interface Ifn {
    (one: number, two: number): number
}
let fniA : Ifn
fniA = function (one, two) {
    return one + two
}
fniA(2, 4)
console.log(fniA(2, 4)) // 6

接下来我们分别学习下ts中如何对函数参数和函数返回值进行类型定义的

1.ts中函数参数的类型定义

函数的参数可能是一个,也可能是多个,有可能是一个变量,一个对象,一个函数,一个数组等等。

1.函数的参数为单个或多个单一变量的类型定义

function fntA(one, two, three) {
	// 参数 "two" 隐式具有 "any" 类型,但可以从用法中推断出更好的类型。
    return one + two + three
}
const aResult = fntA(1, '3', true)

修改后:

function fntA(one: number, two: string, three:
TypeScript函数参数类型可以通过多种方式进行定义。首先,可以使用简单的类型注解来定义参数类型。例如,可以使用冒号后跟着类型的方式来注解函数参数类型。 其次,函数参数可以是数组类型。可以使用数组类型的语法来定义函数参数类型,例如使用`Array<number>`来表示一个数字类型的数组。 另外,函数参数也可以是对象类型。可以使用对象解构的方式来定义函数参数类型,即通过指定对象的属性名和类型来进行参数类型定义。 总的来说,在TypeScript,可以通过类型注解、数组类型和对象类型定义函数参数类型。这些方式可以增加代码的可读性和类型安全性,确保函数的输入参数符合预期的类型。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [第七课 函数类型1](https://download.csdn.net/download/weixin_35742852/86299819)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [typescriptts函数参数返回值类型定义](https://blog.csdn.net/weixin_44959855/article/details/121627741)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值