JavaScript默认参数、扩展运算符、剩余参数与解构

在JavaScript的世界里，默认参数、扩展运算符、剩余参数与解构是几个非常实用的特性，它们能让代码更加简洁、高效和易读。

首先来看默认参数。在函数定义时，我们可以为参数设置默认值。这样，当调用函数时如果没有传入相应的参数，就会使用默认值。例如：

function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`);
}
greet(); // Hello, Guest!
greet('John'); // Hello, John!

默认参数让函数的调用更加灵活，减少了额外的判断逻辑。

扩展运算符（...）则用于将一个数组或对象展开。在数组中，它可以将一个数组的元素展开到另一个数组中。比如：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1,...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]

在对象中，它可以合并对象的属性。

剩余参数允许我们将不定数量的参数表示为一个数组。在函数定义时，使用剩余参数可以方便地处理多个参数。例如：

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

最后是解构。解构可以方便地从数组或对象中提取值并赋给变量。对于数组解构：

const [a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

对于对象解构：

const person = { name: 'Alice', age: 30 };
const { name, age } = person;
console.log(name); // Alice
console.log(age); // 30

这些特性在实际开发中有着广泛的应用。默认参数让函数调用更加稳健；扩展运算符方便了数组和对象的操作；剩余参数使处理不定数量参数变得简单；解构则让代码在获取数据时更加清晰。掌握这些特性，能够提升JavaScript编程的效率和质量，让我们写出更加优雅的代码。