TypeScript 默认参数

在 JavaScript 中，每个函数都可以使用默认参数。这意味着当函数调用时没有为这些参数提供值时，它们将使用预定义值。然而，这个功能在 JavaScript 中并不总是工作得很好。在 TypeScript 中，我们可以明确指定函数参数的类型，并为它们提供默认值。这使得函数的声明更加明确，并且可以减少在使用函数时出错的概率。

基本用法

为了说明 TypeScript 中默认参数的工作原理，我们来看一个简单的示例：

function getColor(name: string, defaultColor: string = "red"): string {
  return `The color ${name} is ${defaultColor}`;
}

console.log(getColor("green")); // 输出 "The color green is red"
console.log(getColor("blue", "blue")); // 输出 "The color blue is blue"

在这个例子中，getColor 函数接受两个参数：一个字符串 name 和一个可选的字符串 defaultColor。如果没有为默认颜色参数提供值，它将使用字符串 "red"。当我们调用 getColor("green") 时，函数返回 "The color green is red"，因为我们没有提供默认颜色值。但是，当我们调用 getColor("blue", "blue") 时，函数返回 "The color blue is blue"，因为我们提供了一个默认颜色值。

使用未定类型的默认参数

您可能想要在函数中定义一个默认值，但是这个默认值可能是一个未定义类型。在这种情况下，可以使用 TypeScript 中的 any 类型。例如，在下面的示例中，我们展示了如何为函数 printValue 中的参数 value 设置默认值：

function printValue(value: any = "No value provided") {
  console.log(`The value is ${value}`);
}

printValue(); // 输出 "The value is No value provided"
printValue(42); // 输出 "The value is 42"
printValue("hello world"); // 输出 "The value is hello world"

在这个例子中，我们定义了一个 printValue 函数，其中的参数 value 使用 any 类型。默认值为 "No value provided"。如果我们不提供值，输出将显示 "The value is No value provided"。如果我们提供了一个 number 类型的值，输出将显示 "The value is 42"。如果我们提供了一个 string 类型的值，输出将显示 "The value is hello world"。

总结

TypeScript 中的默认参数允许您在函数中指定参数的默认值。这使得代码更加明确，可以防止出现由于函数参数不正确而导致的 bug。在本文中，我们介绍了如何使用默认参数，如何为未定义的参数设置默认值，并提供了一些示例来帮助您更好地理解 TypeScript 中的默认参数的用法。