TypeScript 从入门到进阶之基础篇(八)函数篇

枫ゞ

已于 2024-01-07 13:14:51 修改

阅读量1.2k

点赞数 24

分类专栏： TypeScript 从入门到进阶文章标签： ubuntu linux 运维

于 2024-01-07 13:13:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_49014702/article/details/135438314

版权

本文介绍了TypeScript中函数类型的使用，包括直接定义、接口、类型别名、可选参数、默认参数、剩余参数和函数重载等内容，帮助读者掌握在TypeScript中编写高效、类型安全的函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

系列文章目录

TypeScript 从入门到进阶系列

前言

函数是一种可重复使用的代码块，是构建应用的一块基石。在本章我们将学习TypeScript 中如何定义函数。
在JavaScript中，函数可以被定义、调用和传递给其他函数作为参数。函数可以用来组织代码，使其更加模块化和可读性，同时也提供了代码的重用性和灵活性。

一、函数类型的使用

1、直接定义函数

在TypeScript 使用函数的方法是直接定义函数所需参数的类型，也是最基本的用法

function myFunctionType (data1:string,data2:string):string {
   
	return data1+data2;
}
//箭头函数写法
const myFunctionType = (data1:string,data2:string ):string =>{
   
	return data1+data2;
}

需要注意的是但我们的函数没有返回值时 ,就不能定义这个函数的返回值类型（void除外）

//正确写法
function myFunctionType (data:string) {
   
	console.log (data) 
}
//正确写法2
function myFunctionType (data:string) :void {
   
	console.log (data) 
}
//错误写法 没有返回值的时后不要写 或者写void