TypeScript - 默认参数

你好，未来的编程巨星们！今天，我们将深入TypeScript的精彩世界，探索一个将使你的程序员生活更加轻松的特性：默认参数。在本课结束时，你将能够像专业人士一样使用这个强大的工具。那么，让我们开始吧！

TypeScript - Default Parameters

什么是默认参数？

想象你是一位厨师（请耐心，我们很快就会进入编程部分！）。每天，你都会做一道美味的汤。大多数时候，你会在汤中加盐。但有时，顾客可能会要求不加盐。如果你有一个自动包含盐的食谱，除非另外指定，那岂不是很好？这正是编程中默认参数的作用！

在TypeScript中，默认参数允许你为函数参数设置一个默认值。如果调用函数时没有为该参数提供值，则会使用默认值。

让我们来看一个简单的例子：

function greet(name: string = "World") {
console.log(`你好，${name}！`);
}

greet(); // 输出：你好，World！
greet("Alice"); // 输出：你好，Alice！

在这个例子中，"World"是name的默认参数。如果我们不带任何参数调用greet()，它会使用"World"作为默认值。但如果我们提供一个名字，比如"Alice"，它就会使用那个名字。

为什么使用默认参数？

灵活性：它们使你的函数更加灵活，允许它们在有或没有某些参数的情况下工作。
更简洁的代码：它们减少了在函数内部检查是否提供了参数的需要。
提高可读性：默认参数清楚地显示了函数的预期“正常”值。

如何使用默认参数

让我们通过更多例子来深入了解：

基本用法

function calculateArea(width: number = 10, height: number = 5) {
return width * height;
}

console.log(calculateArea()); // 输出：50
console.log(calculateArea(20)); // 输出：100
console.log(calculateArea(7, 3)); // 输出：21

在这个例子中，width和height都有默认值。我们可以不带参数调用函数，只用一个参数（这将用于width），或者用两个参数。

使用表达式作为默认值

默认参数可以是表达式，而不仅仅是简单的值：

function getRandomGreeting(name: string = "朋友", time: Date = new Date()) {
const greetings = ["你好", "嗨", "嘿", "嗨哟"];
const randomGreeting = greetings[Math.floor(Math.random() * greetings.length)];
return `${randomGreeting}，${name}！现在是${time.toLocaleTimeString()}。`;
}

console.log(getRandomGreeting()); // 输出：例如，"嘿，朋友！现在是下午3:45:30。"
console.log(getRandomGreeting("Alice")); // 输出：例如，"你好，Alice！现在是下午3:45:35。"

在这里，我们使用new Date()作为time的默认值，当函数被调用时，它会给我们当前的日期和时间。

默认参数与其他类型

默认参数适用于TypeScript中的所有类型：

function createUser(
name: string = "匿名",
age: number = 0,
isAdmin: boolean = false,
hobbies: string[] = []
) {
return { name, age, isAdmin, hobbies };
}

console.log(createUser());
// 输出：{ name: "匿名", age: 0, isAdmin: false, hobbies: [] }

console.log(createUser("Alice", 30, true, ["阅读", "编程"]));
// 输出：{ name: "Alice", age: 30, isAdmin: true, hobbies: ["阅读", "编程"] }

这个例子展示了如何使用不同类型的默认参数，包括数组和布尔值。

可选参数与默认参数

现在，你可能会想，“等等！我听说过可选参数。它们和默认参数有什么区别？”这是个好问题！让我们来分析一下：

可选参数

可选参数用?标记，允许你在不提供参数值的情况下调用函数。

function greetOptional(name?: string) {
if (name) {
console.log(`你好，${name}！`);
} else {
console.log("你好，陌生人！");
}
}

greetOptional(); // 输出：你好，陌生人！
greetOptional("Bob"); // 输出：你好，Bob！

默认参数

默认参数提供了一个默认值，如果未提供参数值，则将使用该默认值。

function greetDefault(name: string = "陌生人") {
console.log(`你好，${name}！`);
}

greetDefault(); // 输出：你好，陌生人！
greetDefault("Bob"); // 输出：你好，Bob！

关键区别

特性	可选参数	默认参数
语法	参数名后使用`?`	参数类型后使用`= value`
当没有提供参数时	参数为`undefined`	参数使用默认值
需要null检查	通常需要在函数体内进行检查	不需要额外的检查
意图的清晰度	如果省略参数，不太清楚会发生什么	清晰地显示默认行为

一般来说，默认参数通常更方便，可以生成更简洁的代码，因为它们消除了函数体内null检查的需要。

使用默认参数的最佳实践

使用有意义的默认值：为函数的大多数用例选择有意义的默认值。
记录你的默认值：尽管默认值在代码中，但在函数的文档中提及它们是一个好习惯。
小心使用可变的默认值：避免使用可变对象作为默认参数，因为这可能导致意外的行为。
考虑undefined：记住，undefined将触发默认值，但null不会。

function exampleBestPractices(
requiredParam: string,
optionalParam: string = "默认值",
anotherOptional: number = 42
) {
// 函数体
}

结论

好了，各位！你们刚刚通过掌握默认参数升级了你们的TypeScript技能。记住，像编程中的任何工具一样，谨慎使用默认参数可以发挥最大的威力。它们可以使你的代码更健壮、可读性更高、更灵活。

在你们继续编程之旅时，你们将会有很多机会使用默认参数。也许你会创建一个计算运费的函数，默认的运输方式，或者一个格式化日期的函数，默认的格式字符串。可能性是无穷的！

继续练习，继续编码，最重要的是，继续在TypeScript中享受乐趣。下次见，快乐编程！

Credits: Image by storyset