在前端开发中，经常需要将一个变量的值赋给另一个变量。这是一种非常基础的操作，但也有些细节需要注意。本文将介绍如何正确地将变量的值复制到另一个变量中，并提供示例代码和指导意义。
1. 直接赋值
最简单的方法是使用直接赋值。例如：
let a = 1; let b = a; console.log(b); // 输出 1
这种方法可以很好地处理大多数情况。但需要注意的是，如果原始变量是一个复杂类型（例如对象或数组），则它们在内存中引用了同一个对象。此时，修改其中一个变量会同时影响到另一个变量，例如：
let obj1 = { name: 'John' };
let obj2 = obj1;
obj2.name = 'Mary';
console.log(obj1.name); // 输出 Mary因此，在这种情况下，需要使用其他方法来复制变量的值。
2. 扩展运算符
扩展运算符 ... 可以将一个数组或对象展开成一系列参数，从而方便地创建一个新的数组或对象。例如：
let arr1 = [1, 2, 3]; let arr2 = [...arr1]; arr2.push(4); console.log(arr1); // 输出 [1, 2, 3] console.log(arr2); // 输出 [1, 2, 3, 4]
let obj1 = { name: 'John', age: 30 };
let obj2 = { ...obj1 };
obj2.name = 'Mary';
console.log(obj1.name); // 输出 John
console.log(obj2.name); // 输出 Mary使用扩展运算符可以创建一个新的数组或对象，从而避免了修改原始变量的情况。
3. Object.assign()
Object.assign() 方法可以将一个或多个源对象的属性复制到目标对象中。例如：
let obj1 = { name: 'John', age: 30 };
let obj2 = Object.assign({}, obj1);
obj2.name = 'Mary';
console.log(obj1.name); // 输出 John
console.log(obj2.name); // 输出 Mary由于 Object.assign() 方法会修改目标对象，因此需要提供一个空对象作为目标对象，以避免修改原始变量的情况。
4. JSON.parse() 和 JSON.stringify()
JSON.parse() 和 JSON.stringify() 方法可以将一个对象转换为 JSON 格式的字符串，并将一个 JSON 格式的字符串解析为一个对象。这种方法可以用来深度复制一个对象。例如：
let obj1 = { name: 'John', age: 30 };
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.name = 'Mary';
console.log(obj1.name); // 输出 John
console.log(obj2.name); // 输出 Mary由于 JSON 格式不支持函数和 undefined 等数据类型，因此这种方法只适用于纯数据对象的复制。
总结
本文介绍了如何将变量的值复制到另一个变量中，并提供了几种方法来处理不同情况下的复制操作。需要注意的是，在复制复杂类型（例如对象或数组）时，需要使用其他方法来避免修改原始变量的情况。同时，需要根据具体情况选择合适的复制方法来保证代码的正确性和效率。
参考链接
- MDN Web Docs: Assignment operators
- MDN Web Docs: Spread syntax (...)
- [MDN Web Docs: Object.assign()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13607