TypeScript 函数

在 TypeScript 中,函数是一种重要的概念,它用于封装可重用的代码块。函数可以接受参数并返回值,让我们能够在代码中更有效地组织和管理逻辑。本章将详细介绍 TypeScript 中函数的使用方法。

声明函数

在 TypeScript 中,我们可以使用以下语法来声明一个函数:

-------- ------ ------- -- -------- ------ -
    ------ - - --
-

上面的代码定义了一个名为 add 的函数,它接受两个参数 ab,这两个参数的类型都是 number,并且函数返回值的类型也是 number。在函数体内,我们简单地将两个参数相加并返回结果。

函数参数

函数可以接受多个参数,我们可以在函数声明时指定参数的类型,如上面的例子所示。另外,我们还可以为参数指定默认值,这样在调用函数时如果没有传入该参数,就会使用默认值。

-------- ----------- ------ - --------- ------ -
    ------ ------- ----------
-

--------------------- -- ------- ------ ------
---------------------------- -- ------- ------ ------

上面的代码定义了一个名为 greet 的函数,它接受一个名为 name 的参数,参数类型为 string,并且有一个默认值 'World'。在函数体内,我们使用模板字符串来拼接输出。

可选参数

在 TypeScript 中,我们还可以使用可选参数,这样在调用函数时可以选择性地传入参数。可选参数必须位于参数列表的末尾,并且在参数名后面加上 ? 符号。

-------- -------------------- ------- ---------- -------- ------ -
    -- ---------- -
        ------ ------------- -------------
    - ---- -
        ------ ----------
    -
-

-------------------------------- -- ------- -----
------------------------------ ---------- -- ------- ----- -----

上面的代码定义了一个名为 buildName 的函数,它接受两个参数,firstName 是必需的参数,lastName 是可选的参数。在函数体内,我们根据是否传入 lastName 参数来动态生成输出。

剩余参数

除了普通参数和可选参数,TypeScript 还支持剩余参数,它允许我们将多个参数收集到一个数组中。

-------- --------------- ---------- ------ -
    ------ -------------------- ---- -- --- - ---- ---
-

------------------ -- -- -- ---- -- ------- --

上面的代码定义了一个名为 sum 的函数,它使用剩余参数语法 ...numbers: number[] 来接收任意数量的参数,并将它们存储在名为 numbers 的数组中。在函数体内,我们使用 reduce 方法来计算参数的总和。

以上就是 TypeScript 函数的基本用法,下一节我们将介绍函数的高级特性。


上一篇:TypeScript 循环
下一篇:TypeScript Number