TypeScript基础知识：函数使用

innagine

于 2021-07-12 23:26:33 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： typescript 文章标签： typescript javascript js

本文链接：https://blog.csdn.net/imagine_tion/article/details/118686238

本文深入探讨了TypeScript函数与JavaScript函数的区别，包括类型定义、箭头函数的使用、函数类型、可选与默认参数、剩余参数以及函数重载。通过示例代码，解释了如何在TypeScript中定义和使用这些特性，以提升代码的健壮性和可读性。此外，还介绍了函数重载在TypeScript中的实现，以及在实际编程中的应用。

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

在这里插入图片描述

本次推文介绍的内容是typescript函数，在此并以JavaScript函数作为对比。

1. TypeScript 函数与 JavaScript 函数的区别

TypeScript	JavaScript
含有类型	无类型
箭头函数	箭头函数（ES2015）
函数类型	无函数类型
必填和可选参数	所有参数都是可选的
默认参数	默认参数
剩余参数	剩余参数
函数重载	无函数重载

2. 函数类型

// 方式一
let IdGenerator: (chars: string, nums: number) => string;

function createUserId(name: string, id: number): string {
   
  return name + id;
}

IdGenerator = createUserId;

// 方式二
let IdGenerator: (chars: string, nums: number) => string = function createUserId(name: string, id: number): string {
   
  return name + id;
}

一个完整的函数类型:只包含两部分，参数类型和返回值类型
参数类型的名字和函数参数的名字可以不一致，写成一致是为了增加该函数类型的可读性。
一边指定了类型但是另一边没有类型的话，TypeScript编译器会通过类型推断自动识别出类型。

3. 箭头函数

1.常见语法

myBooks.forEach(() => console.log('reading'));

myBooks.forEach(title => console.

最低0.47元/天解锁文章