首页 web前端 js教程 typescript中函数的详细介绍

typescript中函数的详细介绍

Oct 19, 2018 pm 02:41 PM
typescript

本篇文章给大家带来的内容是关于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中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

5个常见的JavaScript内存错误 5个常见的JavaScript内存错误 Aug 25, 2022 am 10:27 AM

JavaScript 不提供任何内存管理操作。相反,内存由 JavaScript VM 通过内存回收过程管理,该过程称为垃圾收集。

Vue3+TypeScript+Vite怎么使用require动态引入图片等静态资源 Vue3+TypeScript+Vite怎么使用require动态引入图片等静态资源 May 16, 2023 pm 08:40 PM

问题:Vue3+TypeScript+Vite的项目中如何使用require动态引入类似于图片等静态资源!描述:今天在开发项目时(项目框架为Vue3+TypeScript+Vite)需要动态引入静态资源,也就是img标签的src属性值为动态获取,按照以往的做法直接是require引入即可,如下代码:写上后代码波浪线报错,报错提示:找不到名称“require”。是否需要为节点安装类型定义?请尝试使用npmi--save-dev@types/node。ts(2580)在进行了npmi--save-d

如何使用MySQL在TypeScript中实现数据类型转换功能 如何使用MySQL在TypeScript中实现数据类型转换功能 Jul 29, 2023 pm 02:17 PM

如何使用MySQL在TypeScript中实现数据类型转换功能引言:在开发Web应用程序时,数据类型转换是一个非常常见的需求。在处理数据库中存储的数据时,特别是使用MySQL作为后端数据库时,我们经常需要将查询结果中的数据按照我们所需的类型进行转换。本文将介绍如何在TypeScript中利用MySQL实现数据类型转换的功能,并提供代码示例。一、准备工作:在开

Vue3中怎么使用TypeScript Vue3中怎么使用TypeScript May 13, 2023 pm 11:46 PM

如何声明字段名为枚举的类型?根据设计,type字段应该是一个枚举值,不应该由调用方随意设置。下面是Type的枚举声明,共有6个字段。enumType{primary="primary",success="success",warning="warning",warn="warn",//warningaliasdanger="danger",info="info",}TypeSc

如何使用Redis和TypeScript开发高性能计算功能 如何使用Redis和TypeScript开发高性能计算功能 Sep 20, 2023 am 11:21 AM

如何使用Redis和TypeScript开发高性能计算功能概述:Redis是一个开源的内存数据结构存储系统,具有高性能和可扩展性的特点。TypeScript是JavaScript的超集,提供了类型系统和更好的开发工具支持。结合Redis和TypeScript,我们可以开发出高效的计算功能来处理大数据集,并充分利用Redis的内存存储和计算能力。本文将介绍如何

使用Redis和TypeScript开发可扩展的前端应用程序 使用Redis和TypeScript开发可扩展的前端应用程序 Aug 01, 2023 pm 09:21 PM

标题:使用Redis和TypeScript开发可扩展的前端应用程序引言:在当今互联网时代,可扩展性是任何应用程序的关键要素之一。前端应用程序也不例外。为了满足用户日益增长的需求,我们需要使用高效可靠的技术来构建可扩展的前端应用程序。在本文中,我们将介绍如何使用Redis和TypeScript来开发可扩展的前端应用程序,并通过代码示例演示其应用。Redis简介

在PHP中使用TypeScript编写更好的代码 在PHP中使用TypeScript编写更好的代码 Jun 19, 2023 pm 06:31 PM

随着JavaScript的不断发展,前端工程师们已经逐渐意识到JavaScript本身存在的一些问题,例如缺乏类型检查和模块化,这些问题在大型项目中经常会造成混乱和错误。为了解决这些问题,TypeScript应运而生,成为前端开发中越来越受欢迎的语言。而在后端开发领域中,PHP一直是一种极其流行的脚本语言。因此,结合TypeScript来开发PHP的应用程序

Vue3相较于Vue2的变化:更好的 TypeScript 类型推导 Vue3相较于Vue2的变化:更好的 TypeScript 类型推导 Jul 07, 2023 pm 01:05 PM

Vue3相较于Vue2的变化:更好的TypeScript类型推导Vue是一种流行的JavaScript框架,用于构建用户界面。而Vue3是Vue框架的最新版本,在Vue2的基础上进行了大量改进和优化。其中之一是在TypeScript类型推导方面的提升。本文将介绍Vue3在类型推导方面的改进,并且通过代码示例进行说明。在Vue2中,我们需要手动为Vue组件

See all articles