TypeScript 中如何使用默认参数
TypeScript 是一种强类型的 JavaScript 超集语言,其支持 ES6 中新增的默认参数语法。使用默认参数能够提高代码的重用性以及可读性,而 TypeScript 中也提供了非常方便的使用默认参数的方法。
在 TypeScript 中,我们可以在函数定义时使用等号 =
来指定默认参数值,当调用函数时如果没有传递值则会使用默认参数值。
示例代码:
-------- -------------- ------ - --------- ---- - ------------------- ----------- - ----------- -- ------- ------ ------ ----------------- -- ------- ------ -----
在上面的示例代码中,我们使用 =
符号为 name
参数指定了默认值,当调用 sayHello
函数时如果没有传递值则会使用默认值 "Guest"。当我们传递值 "John" 时,将会输出 "Hello, John!"。
如果我们不希望使用默认参数值,我们也可以传递一个 undefined
值来清除默认参数。
示例代码:
-------- -------------- ------ - --------- ---- - ------------------- ----------- - -------------------- -- ------- ------ ------
在上面的示例代码中,我们传递了一个 undefined
值作为参数,这样就会清除默认参数值,输出 "Hello, Guest!"。
另外,如果函数的参数有多个,则可以使用默认参数的形式依次为每个参数指定默认值。
示例代码:
-------- --------------- ------- ---- ------ - --- ------- ------ - -------- ---- - ------------------ -------- ---- ------- ------- ------------ - ----------------- -- ------- ----- ---- ---- --- ------- ---- ----------------- ---- -- ------- ----- ----- ---- --- ------- ---- ----------------- --- ---------- -- ------- ----- ----- ---- --- ------- ------
在上面的示例代码中,我们为参数 age
和 gender
按顺序指定了默认参数值,当调用 printInfo
函数时如果没有传递值则会使用默认参数值。当我们只传递参数 name
时,将会输出默认值;当我们传递参数 name
和 age
时,将会输出默认值和自定义的 age
值;当我们传递参数 name
、age
和 gender
时,将会输出自定义的值。
总结
TypeScript 中使用默认参数非常方便,在函数定义时使用 =
符号指定默认参数值即可。默认参数能够提高代码的重用性以及可读性,让代码更加简洁明了。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64b35e2e48841e9894fa2c73