JavaScript中实现浅拷贝的几种方式

JavaScript 中可以使用对象浅拷贝来创建一个新对象，新对象包含原始对象的所有属性和值，但是它们是不同的对象，而不是指向同一个内存地址的对象。对象浅拷贝可以使用以下几种方法来实现

1. 使用对象扩展运算符

   const obj1 = { a: 1, b: 2 };
   const obj2 = { ...obj1 };
   
   console.log(obj2); // 输出 { a: 1, b: 2 }
   

2. 使用 Object.assign 方法
   Object.assign 方法可以将一个或多个源对象的属性和值拷贝到目标对象中，并返回目标对象。

   const obj1 = { a: 1, b: 2 };
   const obj2 = Object.assign({}, obj1);
   
   console.log(obj2); // 输出 { a: 1, b: 2 }

   需要注意的是，Object.assign 方法只会拷贝源对象自身的属性和值，而不会拷贝原型链上的属性和值。

3. 使用 for...in 循环
   可以使用 for...in 循环遍历源对象的所有属性和值，并将它们拷贝到目标对象中。

   const obj1 = { a: 1, b: 2 };
   const obj2 = {};
   
   for (let key in obj1) {
     obj2[key] = obj1[key];
   }
   
   console.log(obj2); // 输出 { a: 1, b: 2 }
   

   需要注意的是，使用 for...in 循环可能会拷贝原型链上的属性和方法，因此需要谨慎使用
   
   无论使用哪种方法，对象浅拷贝都只会拷贝对象的属性和值，而不会拷贝属性值所引用的对象。如果需要拷贝对象的属性值所引用的对象，需要使用深拷贝。