JavaScript复制变量三种方法实例详解

在JavaScript中，想要复制变量可能需要了解一些技巧。本文将详细讲解JavaScript中复制变量的三种方法。

1. 直接赋值

最常用的方法就是直接将变量赋值给另一个变量。

let a = 1;
let b = a;

这里，变量a的值被赋给了新变量b。 如果您更改 b 的值，a 的值仍然保持不变。

实例如下，我在控制台中执行以下代码：

let a = 1;
let b = a;
b = 2;

console.log(a);
console.log(b);

输出的结果为：

1
2

2. 浅拷贝

使用Object.assign()方法可以实现浅拷贝。

let obj = { a: 1 };
let newObj = Object.assign({}, obj);

Object.assign() 方法将所有可枚举属性的值从一个或多个源对象复制到目标对象。在这个例子中，obj 中的属性被浅拷贝到了新对象 newObj 中。 对于基本类型来说，这个浅拷贝就足够了。但是，对于引用类型（例如数组和对象）来说，使用浅拷贝可能会导致问题，因为源对象和新对象共享同一引用。

实例如下：

let arr = [1, 2, 3];
let newArr = Object.assign([], arr);
newArr[0] = 0;

console.log(arr);
console.log(newArr);

输出的结果为：

[1, 2, 3]
[0, 2, 3]

在这个例子中，arr 和 newArr 都指向同一个数组，因此，在修改 newArr 时，arr 也会被修改。

3. 深拷贝

使用JSON.stringify()和JSON.parse()方法可以实现深拷贝。它将对象转换为字符串，然后将其转换回新的对象。 这种方法有一些限制，例如无法复制函数、循环引用等。

let obj = { a: { b: 1 } };
let newObj = JSON.parse(JSON.stringify(obj));

在这个例子中，obj 对象的属性被深拷贝到了新对象 newObj 中。 这样，原始对象和新对象不共享引用，因此，在修改 newObj 时，obj 不会受影响。

实例如下：

let obj = { a: { b: 1 } };
let newObj = JSON.parse(JSON.stringify(obj));
newObj.a.b = 2;

console.log(obj);
console.log(newObj);

输出的结果为：

{ a: { b: 1 } }
{ a: { b: 2 } }

在这个例子中，因为对对象进行了深拷贝，所以 obj 对象和 newObj 对象都是独立的，这两个对象互不影响。

总结

本文介绍了JavaScript中复制变量的三种方法：直接赋值、浅拷贝和深拷贝。在选择方法时，需要考虑变量的类型和需求，以选择最适合的方法。

注意：虽然使用深拷贝技术可以更彻底地克隆对象，但是也要注意JavaScript中的递归深度限制。默认情况下，JSON.stringify()和 JSON.parse()方法处理的数据不能超过100层的嵌套。 当对象性质太深时，深拷贝技术可能会引起堆栈溢出错误，因此建议谨慎使用。