在 TypeScript 中,函数是一种重要的概念,它用于封装可重用的代码块。函数可以接受参数并返回值,让我们能够在代码中更有效地组织和管理逻辑。本章将详细介绍 TypeScript 中函数的使用方法。
声明函数
在 TypeScript 中,我们可以使用以下语法来声明一个函数:
function add(a: number, b: number): number { return a + b; }
上面的代码定义了一个名为 add
的函数,它接受两个参数 a
和 b
,这两个参数的类型都是 number
,并且函数返回值的类型也是 number
。在函数体内,我们简单地将两个参数相加并返回结果。
函数参数
函数可以接受多个参数,我们可以在函数声明时指定参数的类型,如上面的例子所示。另外,我们还可以为参数指定默认值,这样在调用函数时如果没有传入该参数,就会使用默认值。
function greet(name: string = 'World'): string { return `Hello, ${name}!`; } console.log(greet()); // Output: Hello, World! console.log(greet('Alice')); // Output: Hello, Alice!
上面的代码定义了一个名为 greet
的函数,它接受一个名为 name
的参数,参数类型为 string
,并且有一个默认值 'World'
。在函数体内,我们使用模板字符串来拼接输出。
可选参数
在 TypeScript 中,我们还可以使用可选参数,这样在调用函数时可以选择性地传入参数。可选参数必须位于参数列表的末尾,并且在参数名后面加上 ?
符号。
-- -------------------- ---- ------- -------- -------------------- ------- ---------- -------- ------ - -- ---------- - ------ ------------- ------------- - ---- - ------ ---------- - - -------------------------------- -- ------- ----- ------------------------------ ---------- -- ------- ----- -----
上面的代码定义了一个名为 buildName
的函数,它接受两个参数,firstName
是必需的参数,lastName
是可选的参数。在函数体内,我们根据是否传入 lastName
参数来动态生成输出。
剩余参数
除了普通参数和可选参数,TypeScript 还支持剩余参数,它允许我们将多个参数收集到一个数组中。
function sum(...numbers: number[]): number { return numbers.reduce((acc, cur) => acc + cur, 0); } console.log(sum(1, 2, 3, 4, 5)); // Output: 15
上面的代码定义了一个名为 sum
的函数,它使用剩余参数语法 ...numbers: number[]
来接收任意数量的参数,并将它们存储在名为 numbers
的数组中。在函数体内,我们使用 reduce
方法来计算参数的总和。
以上就是 TypeScript 函数的基本用法,下一节我们将介绍函数的高级特性。