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