TypeScript 是一种基于 JavaScript 的强类型语言，它具有更好的代码维护性和可读性。
在 ES6 中，我们可以使用默认参数来设置函数的默认值，这对于代码的可读性和可维护性都有很大的帮助。
那么，如何在 TypeScript 中使用 ES6 中的默认参数呢？本文将详细介绍并提供示例代码。
默认参数
在 JavaScript 中，我们可以使用默认参数来设置函数的默认值。以下是 ES6 中的默认参数示例：
function greet(name = 'world') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, world!
greet('Tom'); // 输出：Hello, Tom!在上面的示例中，如果我们没有给 greet 函数传递任何参数，它将使用默认值 world；如果我们传递了参数，它将使用传递的参数值来替代默认值。
在 TypeScript 中使用默认参数
在 TypeScript 中，我们可以使用相同的方式来设置默认参数。以下是 TypeScript 中的默认参数示例：
function greet(name: string = 'world'): void {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, world!
greet('Tom'); // 输出：Hello, Tom!在上面的示例中，我们添加了类型注解，并使用 void 关键字定义了函数的返回类型。该函数接受一个名为 name 的字符串类型参数，如果我们没有给它传递任何参数，它将使用默认值 world；如果我们传递了参数，它将使用传递的参数值来替代默认值。
可选参数和默认参数
在 TypeScript 中，可选参数和默认参数有些相似，但是有一些不同之处。
可选参数使用问号 ? 来标识，它表示该参数是可选的。默认参数不是必须的，它在函数内部有一个默认值。
以下是可选参数和默认参数的 TypeScript 示例：
function greet(name?: string): void {
if (name) {
console.log(`Hello, ${name}!`);
} else {
console.log(`Hello, world!`);
}
}
greet(); // 输出：Hello, world!
greet('Tom'); // 输出：Hello, Tom!
function greet(name: string = 'world'): void {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, world!
greet('Tom'); // 输出：Hello, Tom!总结
在 TypeScript 中，我们可以使用 ES6 中的默认参数来设置函数的默认值。使用默认参数可以提高代码的可读性和可维护性，并在代码中减少不必要的重复代码。在使用默认参数时，需要注意默认参数和可选参数的区别，以便正确的使用它们。
希望本文能帮助你学习并使用 TypeScript 中的默认参数，让你的代码更加简洁和易读。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b34737add4f0e0ffc57661