解剖赋值：巧借对象属性传递，复制对象属性方法的探索与实践

2023-09-03 16:01:53

赋值方法探秘：Object.assign()

Object.assign()是ES6中引入的一个用于对象合并的方法，它可以将一个或多个源对象的属性值复制到目标对象中。其语法如下：

Object.assign(targetObj, originObj1, originObj2, ...);

其中，targetObj是目标对象，originObj1、originObj2是需要复制属性的源对象。Object.assign()方法会将originObj1和originObj2的属性值复制到targetObj中，如果targetObj中已存在与originObj1或originObj2中同名的属性，则会覆盖targetObj中该属性的值。

Object.assign()方法的使用非常简单，只需要将需要复制属性的源对象作为参数传入即可。需要注意的是，Object.assign()方法只支持浅拷贝，即只复制源对象的第一层属性，不会复制源对象中的嵌套对象。

复制对象属性的便捷之选：扩展运算符

扩展运算符(...)是ES6中引入的一个用于合并数组或对象的新语法。它可以将一个数组或对象的元素展开为单独的元素，也可以将多个数组或对象合并成一个新的数组或对象。

要使用扩展运算符复制对象属性，只需要在目标对象前面加上扩展运算符，然后跟上需要复制属性的源对象即可。例如：

const targetObj = {...originObj};

这将把originObj的所有属性复制到targetObj中。与Object.assign()方法一样，扩展运算符也只支持浅拷贝。

灵活遍历复制：for-in循环

for-in循环是一种用于遍历对象属性的循环语句。它可以逐个取出对象的所有属性名，然后使用这些属性名来访问对象中的属性值。

要使用for-in循环复制对象属性，只需要使用for-in循环遍历源对象，然后将源对象中每个属性的值赋给目标对象的同名属性即可。例如：

for (const property in originObj) {
  targetObj[property] = originObj[property];
}

for-in循环可以复制源对象的所有属性，包括嵌套对象中的属性。但是，for-in循环的缺点是它会遍历对象的所有属性，包括不可枚举的属性和继承的属性。如果只需要复制源对象的可枚举属性，可以使用Object.keys()方法。

精准复制：Object.keys()

Object.keys()方法可以返回一个包含对象所有可枚举属性名的数组。要使用Object.keys()方法复制对象属性，只需要使用Object.keys()方法获取源对象的所有可枚举属性名，然后使用这些属性名来访问源对象中的属性值，并将其赋给目标对象的同名属性即可。例如：

const propertyNames = Object.keys(originObj);
for (const propertyName of propertyNames) {
  targetObj[propertyName] = originObj[propertyName];
}

Object.keys()方法只复制源对象的可枚举属性，不会复制不可枚举属性和继承的属性。因此，在某些情况下，Object.keys()方法可能无法满足需求。

深入复制：原型继承

原型继承是一种用于实现对象属性继承的技术。在JavaScript中，每个对象都有一个原型对象，原型对象可以为该对象提供属性和方法。当一个对象访问一个不存在的属性时，JavaScript会自动在该对象的原型对象中查找该属性。

要使用原型继承实现对象属性的复制，只需要将源对象作为目标对象的原型对象即可。例如：

targetObj.__proto__ = originObj;

这将使targetObj继承originObj的所有属性和方法。需要注意的是，原型继承只会复制源对象的可枚举属性，不会复制不可枚举属性和继承的属性。

实现深拷贝

上面介绍的方法都只能实现对象的浅拷贝，即只复制源对象的第一层属性，不会复制源对象中的嵌套对象。如果需要复制源对象中的嵌套对象，则需要使用深拷贝。

实现深拷贝的一种方法是使用递归。可以使用一个递归函数来遍历源对象及其所有嵌套对象，并逐个复制这些对象的属性。

另一种实现深拷贝的方法是使用JSON.parse()和JSON.stringify()方法。JSON.stringify()方法可以将一个对象转换为JSON字符串，而JSON.parse()方法可以将一个JSON字符串转换为对象。因此，可以先使用JSON.stringify()方法将源对象转换为JSON字符串，然后使用JSON.parse()方法将JSON字符串转换为对象，即可实现深拷贝。

总结比较

Object.assign()方法、扩展运算符、for-in循环、Object.keys()方法和原型继承都是复制对象属性的常见方法。这些方法各有优缺点，适用场景也不同。

方法	优点	缺点	适用场景
Object.assign()	语法简单，使用方便	只支持浅拷贝	需要复制源对象的第一层属性时
扩展运算符	语法简单，使用方便	只支持浅拷贝	需要复制源对象的第一层属性时
for-in循环	可以复制源对象的所有属性，包括嵌套对象中的属性	遍历对象的所有属性，包括不可枚举的属性和继承的属性	需要复制源对象的所有属性时
Object.keys()	只复制源对象的可枚举属性，不会复制不可枚举属性和继承的属性	需要复制源对象的可枚举属性时
原型继承	可以复制源对象的所有属性和方法，包括不可枚举的属性和继承的属性	需要复制源对象的所有属性和方法时