TypeScript 中如何限定函数参数的个数

TypeScript 是一种强类型的 JavaScript 超集，它扩展了 JavaScript 语言，提供了静态类型检查、类、接口、命名空间等高级语言特性。在 TypeScript 中，我们可以借助类型系统来限定函数参数的个数，从而提高代码的可维护性和健壮性。

使用函数声明限定参数个数

在 TypeScript 中，我们可以使用函数声明来限定参数的个数。下面是一个示例：

function greeter(name: string, age: number): void {
  console.log(`Hello ${name}, your age is ${age}.`);
}

greeter("Tom", 23); // 输出：Hello Tom, your age is 23.
greeter("Tom"); // 编译报错：Expected 2 arguments, but got 1.
greeter("Tom", 23, "male"); // 编译报错：Expected 2 arguments, but got 3.

在上面的示例中，greeter 函数声明了两个参数 name 和 age，分别为字符串类型和数字类型。当我们调用该函数时，如果传入的参数个数不为 2，则 TypeScript 编译器会发出错误提示，从而确保我们在使用该函数时传入正确的参数个数。

使用接口限定函数参数的可选性和默认值

除了使用函数声明限定参数个数，我们还可以使用接口来限定函数参数的可选性和默认值。下面是一个示例：

interface GreeterConfig {
  name: string;
  age?: number;
  gender?: "male" | "female";
}

function greeter(config: GreeterConfig): void {
  const { name, age = 0, gender } = config;
  console.log(`Hello ${name}, your age is ${age}, gender is ${gender ?? "unknown"}.`);
}

greeter({ name: "Tom" }); // 输出：Hello Tom, your age is 0, gender is unknown.
greeter({ name: "Tom", age: 23 }); // 输出：Hello Tom, your age is 23, gender is unknown.
greeter({ name: "Tom", gender: "male" }); // 输出：Hello Tom, your age is 0, gender is male.
greeter({ name: "Tom", age: 23, gender: "male" }); // 输出：Hello Tom, your age is 23, gender is male.
greeter({}); // 编译报错：Property 'name' is missing in type '{}' but required in type 'GreeterConfig'.
greeter({ name: "Tom", gender: "unknown" }); // 编译报错：Type '"unknown"' is not assignable to type '"male" | "female" | undefined'.

在上面的示例中，我们定义了一个名为 GreeterConfig 的接口，其中包含了一个必选的参数 name，以及两个可选的参数 age 和 gender，其中 gender 为枚举类型，取值只能是 "male"、"female" 或 undefined。

在 greeter 函数中，我们使用解构赋值将参数 config 中的 name、age 和 gender 分别赋值给三个变量，其中 age 和 gender 如果没有传入，则默认值为 0 和 undefined。在输出信息时，我们使用了模板字符串的方式来格式化输出结果。

在调用 greeter 函数时，我们可以只传入必选的参数 name，也可以同时传入可选的参数 age 和 gender，如果没有传入 age 和 gender，则会使用默认值。如果我们传入的参数不符合接口定义的类型，则 TypeScript 编译器会发出错误提示，从而让我们更加安全地使用函数参数。

结论

在 TypeScript 中，我们可以借助类型系统来限定函数参数的个数、可选性和默认值，从而让我们编写更加健壮、可维护的代码。无论是在开发前端应用、Node.js 服务端应用、还是编写 npm 包和第三方库时，这些技巧都能够帮助我们更加高效地开发和测试代码，从而提高代码质量和可靠性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fcc8cb4471362601731889