在前端开发中，TypeScript 已经成为了一种非常流行的语言。它是 JavaScript 的超集，提供了更加严格的类型检查和更好的代码提示。在 TypeScript 中，我们可以使用可选参数和默认参数来提高代码的可读性和可维护性。本文将详细介绍在 TypeScript 中使用可选参数和默认参数的技巧，并提供示例代码。
可选参数
在 TypeScript 中，我们可以使用问号（?）来表示一个参数是可选的。例如，下面的代码定义了一个函数，它有两个参数，其中第二个参数是可选的：
-- -------------------- ---- -------
-------- ----------- ------- --------- ------- -
-- --------- -
------------------- -------- -------------
- ---- -
------------------- -----------
-
-
--------------
-- ------- ------ -----
------------- ---- --- -------
-- ------- ------ ----- --- --- ----在上面的代码中，message 参数是可选的，因此我们可以在调用函数时省略它。如果我们传递了 message 参数，函数将输出带有消息的问候语。否则，它将输出简单的问候语。
默认参数
在 TypeScript 中，我们还可以为函数参数指定默认值。如果我们没有传递参数，函数将使用默认值。例如，下面的代码定义了一个函数，它有两个参数，其中第二个参数有一个默认值：
-- -------------------- ---- ------- -------- ----------- ------- ------- - ---- --- ------ - ------------------- -------- ------------- - -------------- -- ------- ------ ----- --- --- ---- ------------- ----- -- ---- ------- -- ------- ------ ----- ---- -- ---- ----
在上面的代码中，如果我们没有传递 message 参数，函数将使用默认值 'How are you?'。如果我们传递了 message 参数，函数将使用我们传递的值。
可选参数与默认参数的结合使用
在 TypeScript 中，我们也可以结合使用可选参数和默认参数。例如，下面的代码定义了一个函数，它有两个参数，其中第二个参数是可选的，并且有一个默认值：
-- -------------------- ---- -------
-------- ----------- ------- ------- - ---- --- ------ -
-- --------- -
------------------- -------- -------------
- ---- -
------------------- -----------
-
-
--------------
-- ------- ------ ----- --- --- ----
------------- ----
-- ------- ------ -----
------------- ----- -- ---- -------
-- ------- ------ ----- ---- -- ---- ----在上面的代码中，如果我们传递了空字符串作为 message 参数，函数将输出简单的问候语。否则，它将输出带有消息的问候语。如果我们没有传递 message 参数，函数将使用默认值 'How are you?'。
总结
在 TypeScript 中，我们可以使用可选参数和默认参数来提高代码的可读性和可维护性。可选参数可以使函数更加灵活，而默认参数可以使函数更加简洁。在实际开发中，我们应该根据具体的需求来选择使用哪种参数。同时，我们还应该注意在使用可选参数和默认参数时的一些注意事项，例如参数顺序和类型检查等。
示例代码
-- -------------------- ---- -------
-- ------
-------- ----------- ------- --------- ------- -
-- --------- -
------------------- -------- -------------
- ---- -
------------------- -----------
-
-
--------------
-- ------- ------ -----
------------- ---- --- -------
-- ------- ------ ----- --- --- ----
-- ------
-------- ----------- ------- ------- - ---- --- ------ -
------------------- -------- -------------
-
--------------
-- ------- ------ ----- --- --- ----
------------- ----- -- ---- -------
-- ------- ------ ----- ---- -- ---- ----
-- ---------------
-------- ----------- ------- ------- - ---- --- ------ -
-- --------- -
------------------- -------- -------------
- ---- -
------------------- -----------
-
-
--------------
-- ------- ------ ----- --- --- ----
------------- ----
-- ------- ------ -----
------------- ----- -- ---- -------
-- ------- ------ ----- ---- -- ---- ----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e2e8ce1886fbafa4f76f26