谈谈浅拷贝与深拷贝的区别

浅拷贝和深拷贝是两种不同的数据复制方式，在 JavaScript 中，浅拷贝是指复制一个对象的引用，而深拷贝是指复制一个对象的值，包括子变量的值。

浅拷贝

浅拷贝只复制变量的引用，而不是复制变量的值。这意味着如果对浅拷贝的变量进行修改，原始变量也会受到影响。例如：

let obj1 = {
  name: "John",
  age: 25
};

let obj2 = obj1;

obj2.name = "Mary";

console.log(obj1); // { name: "Mary", age: 25 }

在这个例子中，obj1 和 obj2 都是对同一个对象的引用。当我们修改 obj2 的 name 属性时，obj1 的 name 属性也会被修改。

深拷贝

深拷贝会复制一个对象的值，包括子变量的值。这意味着如果对深拷贝的变量进行修改，原始变量不会受到影响。例如：

let obj1 = {
  name: "John",
  age: 25
};

let obj2 = JSON.parse(JSON.stringify(obj1));

obj2.name = "Mary";

console.log(obj1); // { name: "John", age: 25 }

在这个例子中，obj2 是 obj1 的深拷贝。当我们修改 obj2 的 name 属性时，obj1 的 name 属性不会被修改。

浅拷贝和深拷贝的区别

浅拷贝和深拷贝的区别在于浅拷贝只复制变量的引用，而深拷贝会复制变量的值，包括子变量的值。浅拷贝是一种非常简单的数据复制方式，但它可能会导致一些问题。例如，如果对浅拷贝的变量进行修改，原始变量也会受到影响。深拷贝是一种更复杂的数据复制方式，但它可以避免浅拷贝可能导致的问题。

浅拷贝和深拷贝的实现方法

浅拷贝和深拷贝可以在 JavaScript 中通过多种方式实现。最简单的方法是使用 ES6 的 Spread 运算符。例如：

let obj1 = {
  name: "John",
  age: 25
};

let obj2 = { ...obj1 };

obj2.name = "Mary";

console.log(obj1); // { name: "John", age: 25 }

在这个例子中，obj2 是 obj1 的浅拷贝。当我们修改 obj2 的 name 属性时，obj1 的 name 属性不会被修改。

深拷贝可以通过使用 JSON.parse() 和 JSON.stringify() 方法来实现。例如：

let obj1 = {
  name: "John",
  age: 25
};

let obj2 = JSON.parse(JSON.stringify(obj1));

obj2.name = "Mary";

console.log(obj1); // { name: "John", age: 25 }

在这个例子中，obj2 是 obj1 的深拷贝。当我们修改 obj2 的 name 属性时，obj1 的 name 属性不会被修改。

总结

浅拷贝和深拷贝是两种不同的数据复制方式，在 JavaScript 中，浅拷贝是指复制一个对象的引用，而深拷贝是指复制一个对象的值，包括子变量的值。浅拷贝只复制变量的引用，而不是复制变量的值。深拷贝会复制一个对象的值，包括子变量的值。浅拷贝和深拷贝可以在 JavaScript 中通过多种方式实现，最简单的方法是使用 ES6 的 Spread 运算符和 JSON.parse() 和 JSON.stringify() 方法。