这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
直接将一个变量赋给另一个变量时，系统并不会创造一个新的变量，而是将原变量的地址赋给了新变量名。举个栗子：
复制代码
复制代码
let obj = {
a: 1,
b: 2,
};
let copy = obj;
obj.a = 5;
console.log(copy.a);
// Result
// a = 5; // 更改obj的值，copy变量的值也会改变
复制代码
复制代码
文章中提到了很多种办法，本文只选择了三种普遍的用法并
在JavaScript中，复制变量是一个常见的需求，特别是在处理对象和复杂数据结构时。本文将详细介绍三种常用的JavaScript变量复制方法，分析它们的优缺点，并提供实际的代码示例。
1. **浅层复制：逐个属性复制**
这是最基础的复制方法，通过遍历对象的属性，将每个属性的值复制到新创建的对象中。如以下示例所示：
```javascript
function copy(mainObj) {
let objCopy = {};
for (key in mainObj) {
objCopy[key] = mainObj[key];
}
return objCopy;
}
```
这种方法简单且易于理解，但存在几个缺点：
- 它不复制原型链中的属性。
- 如果对象包含其他对象引用，那么新对象将共享原始对象的引用，而不是创建新的副本。
2. **深度复制：JSON转换**
利用`JSON.parse()`和`JSON.stringify()`实现深度复制。这种方法可以创建对象的一个完全独立的副本，包括嵌套的对象。例如：
```javascript
let obj = { a: 1, b: { c: 2, } };
let newObj = JSON.parse(JSON.stringify(obj));
```
然而，此方法也有局限性：
- 对于大型或复杂的对象，性能开销较大，因为需要序列化和反序列化整个对象。
- JSON不支持函数、undefined、循环引用等类型，这些在转换过程中会被丢失或忽略。
3. **浅层复制：Object.assign()**
`Object.assign()`方法用于合并多个源对象的属性到目标对象。这同样是浅层复制，只复制对象的第一层属性。示例如下：
```javascript
let obj = { a: 1, b: { c: 2, }, };
let newObj = Object.assign({}, obj);
```
这种方法的优点是简洁，但缺点也很明显：
- 它不会递归复制对象的嵌套属性，导致深层属性的引用没有改变。
- 如果源对象和目标对象有相同的属性，源对象的属性会覆盖目标对象的属性。
在选择合适的复制方法时，应考虑以下因素：
- 如果需要一个完整的、独立的副本，且对象不大，可以使用JSON转换。
- 对于较小的对象或只需要复制第一层属性的情况，`Object.assign()`是一个好选择。
- 如果需要自定义复制逻辑，比如处理特定类型的属性或处理原型链，那么编写自定义的复制函数是必要的。
JavaScript中复制变量的方法取决于具体的需求和场景。理解每种方法的工作原理和限制，可以帮助开发者做出最佳决策，以避免潜在的副作用和问题。
