JavaScript函数参数默认值：巧用解构赋值设置对象参数默认值
在JavaScript开发中，为函数参数设置默认值是常见需求。本文将探讨如何利用解构赋值优雅地为函数参数（特别是包含对象的函数参数）设置默认值，并解决一个关于dir属性默认值设置的实际问题。
问题：如何为对象参数设置默认值？
假设我们有如下TypeScript代码片段，如何使用解构赋值为options类型的dir属性设置默认值？
立即学习“Java免费学习笔记（深入）”；
type options = {
dir: string;
style?: boolean;
};
function test(options: options = {}) {}
分析：
test函数接收一个options类型参数，并赋予空对象{}作为默认值。但这无法为dir属性提供默认值，因为dir是必填属性。直接使用空对象会导致类型错误，因为空对象缺少dir属性。
解决方案：
我们可以通过解构赋值，在函数参数定义中直接为dir属性指定默认值：
type options = {
dir: string;
style?: boolean;
};
function test({ dir = 'defaultValue', style }: options = { dir: 'defaultValue' }) {
console.log({ dir, style });
}
或者，更简洁的方法是直接为整个options对象赋予默认值：
type Options = {
dir: string;
style?: boolean;
};
function test(options: Options = { dir: 'defaultValue' }) {
console.log(options);
}
两种方法都能确保dir属性拥有默认值'defaultValue'（请将'defaultValue'替换为实际需要的默认值）。第一种方法使用解构赋值，更清晰地展示了对dir和style属性的处理；第二种方法更简洁，直接为options对象赋值。选择哪种方法取决于个人偏好和代码风格。
通过以上方法，我们可以有效地利用解构赋值，为函数参数中的对象属性设置默认值，从而编写更清晰、更健壮的JavaScript代码。
