第七课 函数类型1

在TypeScript（简称ts）中，函数类型是一个重要的概念，它允许我们对函数的输入（参数）和输出（返回值）进行严格的类型检查，从而提高代码的可读性和稳定性。在第七课“函数类型1”中，我们将深入探讨以下几个方面： 1. **函数参数和返回值类型** TypeScript允许我们在定义函数时明确指定参数和返回值的类型。例如，`function sum(a: number, b: number): number` 定义了一个接受两个数字参数并返回它们之和的函数。这里的`number`就是参数和返回值的类型。 2. **函数类型** 除了直接定义函数，我们还可以创建函数类型。一个函数类型的例子是`(a: number, b: number) => number`，表示一个接受两个数字参数并返回数字的函数。在变量`fn1`中，我们使用这种类型来赋值一个匿名函数。值得注意的是，函数类型的参数名并不重要，只要参数类型匹配，函数就被认为是正确的类型。 3. **可选参数** 在ts中，我们可以使用`?`标记参数为可选，如`function fn1(a: string, b?: number)`。这意味着在调用函数时，第二个参数`b`可以省略不传。如果不提供可选参数，其值将为undefined。 4. **默认参数** 默认参数是在函数定义时提供初始值的参数，如`function fn1(a: string, b= 100)`。默认参数位于所有必需参数之后，如果在调用时未提供该参数，将使用默认值。 5. **剩余参数** 剩余参数通过`...argsArr: string[]`来定义，它会收集所有传入的剩余参数，并将其作为一个数组。在示例中，`fn1`函数接受一个字符串参数`a`和任意数量的字符串作为剩余参数。ts会自动将这些剩余参数打包成一个数组`argsArr`。这样，我们可以在函数内部处理这些参数。 6. **函数类型与剩余参数** 函数类型同样支持剩余参数，如`let fn2: (fa: string, ...fargsArr: string[]) => string = fn1`。这表明`fn2`具有与`fn1`相同的函数类型，包括剩余参数。 理解并熟练应用这些概念对于编写健壮的TypeScript代码至关重要。通过定义函数类型和使用可选、默认和剩余参数，我们可以创建更灵活且易于维护的函数，同时保持强类型系统的优点，减少因类型错误导致的潜在问题。在实际开发中，这些技巧可以帮助我们编写出更高质量的前端代码。