欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

typescript中函数的详细介绍

程序员文章站 2022-03-08 23:47:58
...
本篇文章给大家带来的内容是关于typescript中函数的详细介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

函数的作用自不用多说,下面让我们来看看typescript的世界里的函数的真实面貌吧!

函数的基本样子也就是如下:

function fnanme(arg1: Type1, arg2: Type2, ...):Type {
// 函数体
}

函数名 + 参数 + 函数体 + 返回值
函数名当然就是合法的标识符,没啥可讲的,重要的是参数和返回值,决定了此函数的形态。
至于函数体,是实现功能的代码,因功能而异。

参数声明

参数就是函数的输入,需要符合特定类型的格式

函数声明中的参数叫形参,而当调用函数所传递的便叫实参

每个参数的格式为name: Type,前面表示参数名,后面表示这个参数类型;多个参数需要用逗号分隔,这也是很平常的事,以下是一个示例

function fa(name: string, age: number) {}

可选参数

参数也不一定非传不可,愿意传就传,不愿意不传,在参数名后面增加一个?,便可以达到此功能

function fa(name: string, age?: number) {}

就表示age是可传可不传的

默认参数

通过给参数一个默认值,其实也能达到可选参数的效果,只是这时达到的效果是没有传这个参数的时候,就以默认参数代替

值得注意的是,可选参数必须在必选参数后面,不然编译器会犯迷糊,其实想想如果不这样,你也会犯迷糊。

函数返回

函数返回得有一个返回类型,返回类型一般写在函数体前面,也就是大括号的前面。

function fa(name: string): string {}

上面函数的返回类型就是string类型,当然你可以用任意你自己想要的类型。

当你没有声明返回类型的时候,编译器会根据你的函数体的return自动推断你的返回类型,没有return的话,返回类型就是void了

以上就是typescript中函数的详细介绍的详细内容,更多请关注其它相关文章!

相关标签: typescript