首页  >  文章  >  web前端  >  typescript中函数的详细介绍

typescript中函数的详细介绍

不言
不言转载
2018-10-19 14:41:432048浏览

本篇文章给大家带来的内容是关于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中函数的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:segmentfault.com。如有侵权,请联系admin@php.cn删除