解释扩展语法的好处以及它与 ES6 中的 rest 语法有何不同？

扩展语法的好处

扩展语法允许我们在编写代码的时候更加灵活和方便。它可以帮助我们更好地处理和操作数组、对象和函数等各种数据结构。使用扩展语法可以优化我们的代码，使其更加简洁易读。下面是几个使用扩展语法的示例：

1. 使用扩展语法来合并数组

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

2. 使用扩展语法来复制对象

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1 };
obj2.c = 3;
console.log(obj1); // { a: 1, b: 2 }
console.log(obj2); // { a: 1, b: 2, c: 3 }

3. 使用扩展语法来传递参数

function myFunction(a, b, c) {
  console.log(a, b, c);
}

const args = [1, 2, 3];
myFunction(...args); // 1, 2, 3

扩展语法与 rest 语法的不同

在 ES6 中，rest 语法与扩展语法非常相似。它们都使用三个点（...）来操作数据结构。但是，它们的使用情境是不同的。

扩展语法通常用于将数组、对象或字符串拆开为单独的值，而 rest 语法则用于将多个参数合并为一个数组。

下面是一个使用 rest 语法的示例：

function myFunction(...args) {
  console.log(args);
}

myFunction(1, 2, 3); // [1, 2, 3]

在这个示例中，我们传递了三个参数给 myFunction，并使用 rest 语法来将它们合并为一个数组。

总结一下，扩展语法允许我们将数组、对象或字符串拆开为单独的值，以方便操作和处理。而 rest 语法则用于将多个参数合并为一个数组。