TypeScript 是一种强类型的 JavaScript 超集，它增加了类型检查和模块化的支持。在 TypeScript 中，函数定义支持可选参数和默认参数。在本文中，我们将讨论如何在 TypeScript 中使用可选参数和默认参数以及它们的学习和指导意义。
可选参数
在 TypeScript 中，函数的参数可以设为可选的。这意味着它们不是必须的，调用时可以不传递这些参数。要声明可选参数，我们在参数名称后面添加一个问号（?）符号。下面是一个使用可选参数的示例：
-- -------------------- ---- -------
-------- ------------ ------- -
-- ------ -
------------------- -----------
- ---- -
------------------- ------------
-
-
-------- -- -- ------- ----------
-------------- -- -- ------- ------请注意，在函数体内，我们必须检查可选参数是否存在。在上面的示例代码中，我们使用了一些条件逻辑来检查 name 是否存在并进行相应的打印输出。
默认参数
在 TypeScript 中，函数参数也可以有默认值。这意味着如果调用方未传递该参数，则该参数将具有指定的默认值。要声明默认参数，请在参数名称后面添加赋值运算符和默认值。下面是一个使用默认参数的示例：
function greet(name = "stranger") {
console.log(`Hello, ${name}!`);
}
greet(); // 输出 "Hello, stranger!"
greet("John"); // 输出 "Hello, John!"请注意，在上面的示例代码中，我们没有显式检查参数是否存在。我们使用了一个默认值，以便在name 未定义的情况下，给出一个合理的值。
可选参数和默认参数的混合使用
在 TypeScript 中，可选参数和默认参数可以混合使用。但是，声明的顺序是很重要的，必须将可选参数放在默认参数的后面。下面是一个使用可选参数和默认参数的混合示例：
function greet(message: string, name = "stranger") {
console.log(`${message}, ${name}!`);
}
greet("Hello"); // 输出 "Hello, stranger!"
greet("Hi", "John"); // 输出 "Hi, John!"在上面的代码示例中，我们先声明了具有必填参数 message 的函数，然后声明一个拥有默认值参数 name 的函数。 如果我们调用函数时不指定 name 参数，它将使用默认值 "stranger"。如果我们指定了 name，它将使用我们提供的值。
学习和指导意义
使用可选参数和默认参数的主要优势是增加了代码的灵活性，并使代码更加易读和易维护。它使开发者在可预测的情况下，能够更好地编写 JavaScript 应用程序。
在编写 TypeScript 代码时，使用可选参数和默认参数还可以强制进行更多的类型检查。通过类型检查，我们可以在编译期发现错误，而不是在运行时。这提高了代码的稳定性和可靠性。
最后，使用可选参数和默认参数还可以减少代码行数和代码仓库中的代码冗余，因为不需要在几乎相同的函数中重复代码。
结论
在 TypeScript 中，使用可选参数和默认参数可以使代码更加灵活，读起来更容易，易于维护且类型安全。我们可以在当前函数形参中使用问号（?）符来定义可选参数，在参数名后使用等号（=）指定默认值可以为参数设置默认值。掌握这些在 TypeScript 中的语法可以让我们在代码中更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f3b6e5f40ec5a964e48401