TypeScript 是一种强类型的 JavaScript 的超集，它为 JavaScript 带来了更严格的类型检查和更好的 IDE 支持。在 TypeScript 中，函数可以使用可选参数和默认参数来提供更加灵活的使用方式。本文将介绍 TypeScript 中的可选参数和默认参数的用法，包括如何声明和使用它们，以及它们对函数的影响。
可选参数
在 TypeScript 中，函数的参数可以用问号 ? 来标识为可选参数。这意味着，在调用该函数时，可以不传递这个参数。下面是一个示例：
-- -------------------- ---- -------
-------- ---------------- ------- ------ ------- -
-- ------ -
--------------------- ----------
- ---- -
-------------------
-
-
----------------- ------- -- ------- ---- ---
------------------ -- ------- ----可以注意到，last 参数在声明时被标记为可选参数，它带了一个问号 ?。当调用 printName 函数时，第二个参数可以省略，因为它是可选的。如果传递了 last 参数，函数会将它加到 first 参数后面，否则只输出 first 参数。
需要注意的是，在声明可选参数时，它必须位于参数列表的最后面。
默认参数
在 TypeScript 中，函数的参数也可以指定一个默认值。当调用该函数时，如果没有提供该参数，就会使用默认值。下面是一个示例：
function printAge(name: string, age: number = 18) {
console.log(`${name} is ${age} years old.`);
}
printAge("John", 20); // Output: John is 20 years old.
printAge("Jane"); // Output: Jane is 18 years old.可以看到，age 参数在声明时指定了默认值为 18。如果在调用函数时不传递 age 参数，则使用该默认值。否则，传递的值将覆盖默认值。
需要注意的是，在声明默认参数时，如果在参数列表中的某个位置没有声明，则该位置之后的所有参数都必须指定默认值。
可选参数和默认参数的结合使用
在 TypeScript 中，函数的参数既可以是可选的，也可以有默认值。在这种情况下，可选参数必须放在默认参数之前。下面是一个示例：
-- -------------------- ---- -------
-------- --------------- ------- ---- ------ - --- -------- ------- -
-- -------- -
-------------------- -- - --------------- -------------
- ---- -
-------------------- -- ------ ----- -------
-
-
----------------- --- -------- -- ------- ---- -- - ----------- -----
----------------- ---------- ---------- -- ------- ---- -- ----------- -------
----------------- -- ------- --- -- -- ----- ----在上面的示例中，age 参数有一个默认值为 18 的默认值，而 gender 参数是可选的。如果 gender 参数被传递，它将显示在输出中。否则，函数将只输出 name 和 age。
总结
本文对 TypeScript 中的可选参数和默认参数进行了详细的介绍。我们看到如何声明和使用可选参数和默认参数，以及它们对函数的影响。使用这些特性可以使代码更加灵活和易于维护。需要注意的是，参数的顺序对于可选参数和默认参数的使用是有要求的。在使用可选参数和默认参数时，我们应该合理地安排参数顺序，以确保代码的正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6450d2bd980a9b385b9b8dba