es6 赋值

在ES6中，赋值操作得到了极大的增强，通过解构赋值、扩展运算符等新特性，我们可以更简洁地完成变量赋值操作。从解构赋值和扩展运算符两个方面详细讲解ES6中的赋值方法。

解构赋值

解构赋值是ES6引入的一个非常强大的功能，允许你从数组或对象中提取数据并将其赋值给不同的变量。

数组解构

对于数组的解构赋值，我们可以通过位置来指定变量名。

javascript
let [a, b, c] = [1, 2, 3];
console.log(a); // 输出: 1
console.log(b); // 输出: 2
console.log(c); // 输出: 3


如果数组元素过多或者我们需要跳过某些元素，我们也可以轻松实现：

javascript
let [x, , y] = [1, 2, 3];
console.log(x); // 输出: 1
console.log(y); // 输出: 3


对象解构

对象的解构赋值允许我们将对象的属性直接赋值给变量，变量的名字必须与对象的属性名相同。

javascript
let { prop1, prop2 } = { prop1: 'value1', prop2: 'value2' };
console.log(prop1); // 输出: value1
console.log(prop2); // 输出: value2


还可以使用默认值，在属性不存在时提供一个默认值：

javascript
let { prop3 = 'default' } = {};
console.log(prop3); // 输出: default


扩展运算符

扩展运算符（...）用于展开数组或对象，可以方便地进行赋值和合并操作。

数组扩展

当我们需要复制一个数组或者将多个数组合并时，扩展运算符就显得特别有用。

javascript
let arr1 = [1, 2, 3];
let arr2 = [...arr1]; // 复制数组
console.log(arr2); // 输出: [1, 2, 3]</p>

<p>let arr3 = [0, ...arr1, 4]; // 合并数组
console.log(arr3); // 输出: [0, 1, 2, 3, 4]

对象扩展

同样地，扩展运算符也可以用于对象，帮助我们进行浅拷贝或者合并多个对象。

javascript
let obj1 = { key1: 'value1' };
let obj2 = { ...obj1 }; // 浅拷贝对象
console.log(obj2); // 输出: { key1: 'value1' }</p>

<p>let obj3 = { key2: 'value2', ...obj1 }; // 合并对象
console.log(obj3); // 输出: { key2: 'value2', key1: 'value1' }

通过以上介绍，我们可以看到ES6的赋值方式相比以前更加灵活和强大，无论是解构赋值还是扩展运算符，都能让我们的代码更加简洁和易读。