TypeScript 中如何使用默认参数

阅读时长 3 分钟读完

TypeScript 中如何使用默认参数

TypeScript 是一种强类型的 JavaScript 超集语言,其支持 ES6 中新增的默认参数语法。使用默认参数能够提高代码的重用性以及可读性,而 TypeScript 中也提供了非常方便的使用默认参数的方法。

在 TypeScript 中,我们可以在函数定义时使用等号 = 来指定默认参数值,当调用函数时如果没有传递值则会使用默认参数值。

示例代码:

在上面的示例代码中,我们使用 = 符号为 name 参数指定了默认值,当调用 sayHello 函数时如果没有传递值则会使用默认值 "Guest"。当我们传递值 "John" 时,将会输出 "Hello, John!"。

如果我们不希望使用默认参数值,我们也可以传递一个 undefined 值来清除默认参数。

示例代码:

在上面的示例代码中,我们传递了一个 undefined 值作为参数,这样就会清除默认参数值,输出 "Hello, Guest!"。

另外,如果函数的参数有多个,则可以使用默认参数的形式依次为每个参数指定默认值。

示例代码:

在上面的示例代码中,我们为参数 agegender 按顺序指定了默认参数值,当调用 printInfo 函数时如果没有传递值则会使用默认参数值。当我们只传递参数 name 时,将会输出默认值;当我们传递参数 nameage 时,将会输出默认值和自定义的 age 值;当我们传递参数 nameagegender 时,将会输出自定义的值。

总结

TypeScript 中使用默认参数非常方便,在函数定义时使用 = 符号指定默认参数值即可。默认参数能够提高代码的重用性以及可读性,让代码更加简洁明了。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64b35e2e48841e9894fa2c73

纠错
反馈