使用 Jest 测试浅复制 & 深复制

在前端开发中，我们经常需要对对象进行复制，以便在代码中对其进行修改而不会影响原对象。在 JavaScript 中，对象的复制分为浅复制和深复制两种方式。本文将介绍如何使用 Jest 来测试浅复制和深复制，并提供示例代码和指导意义。

浅复制

浅复制是指将原对象中所有的属性值都复制到新对象中，但是如果原对象中的属性值是一个对象，那么新对象中的该属性值仍然是原对象中的该属性值的引用。这就意味着，如果我们修改了新对象中的该属性值，那么原对象中的该属性值也会被修改。

示例代码：

// www.javascriptcn.com code example
function shallowCopy(obj) {
  let newObj = {};
  for (let key in obj) {
    newObj[key] = obj[key];
  }
  return newObj;
}

test('shallow copy', () => {
  const obj1 = { a: 1, b: { c: 2 } };
  const obj2 = shallowCopy(obj1);
  obj2.a = 3;
  obj2.b.c = 4;
  expect(obj1.a).toBe(1);
  expect(obj1.b.c).toBe(4);
});

在上面的代码中，我们定义了一个 shallowCopy 函数，该函数可以对一个对象进行浅复制。在测试用例中，我们先定义了一个原对象 obj1，其中包含了一个属性 a 和一个属性 b，b 的属性值是一个对象。然后我们使用 shallowCopy 函数对 obj1 进行浅复制，并将复制后的对象赋值给 obj2。接着，我们分别修改了 obj2 中的属性 a 和属性 b.c。最后我们使用 Jest 的 expect 函数来判断原对象 obj1 中的属性 a 和属性 b.c 是否被修改了。

如果运行测试用例，我们会发现测试结果是失败的，因为原对象 obj1 中的属性 b.c 被修改了。这就说明了浅复制的问题：如果原对象中的某个属性值是一个对象，那么新对象中的该属性值仍然是原对象中的该属性值的引用，因此修改新对象中的该属性值会影响原对象中的该属性值。

深复制

深复制是指将原对象中所有的属性值都复制到新对象中，但是如果原对象中的属性值是一个对象，那么新对象中的该属性值也会被复制一份，而不是引用原对象中的该属性值。这就意味着，如果我们修改了新对象中的该属性值，那么原对象中的该属性值不会被修改。

示例代码：

// www.javascriptcn.com code example
function deepCopy(obj) {
  let newObj = {};
  for (let key in obj) {
    if (typeof obj[key] === 'object') {
      newObj[key] = deepCopy(obj[key]);
    } else {
      newObj[key] = obj[key];
    }
  }
  return newObj;
}

test('deep copy', () => {
  const obj1 = { a: 1, b: { c: 2 } };
  const obj2 = deepCopy(obj1);
  obj2.a = 3;
  obj2.b.c = 4;
  expect(obj1.a).toBe(1);
  expect(obj1.b.c).toBe(2);
});

在上面的代码中，我们定义了一个 deepCopy 函数，该函数可以对一个对象进行深复制。在测试用例中，我们先定义了一个原对象 obj1，其中包含了一个属性 a 和一个属性 b，b 的属性值是一个对象。然后我们使用 deepCopy 函数对 obj1 进行深复制，并将复制后的对象赋值给 obj2。接着，我们分别修改了 obj2 中的属性 a 和属性 b.c。最后我们使用 Jest 的 expect 函数来判断原对象 obj1 中的属性 a 和属性 b.c 是否被修改了。

如果运行测试用例，我们会发现测试结果是成功的，因为原对象 obj1 中的属性 b.c 没有被修改。这就说明了深复制的优点：如果原对象中的某个属性值是一个对象，那么新对象中的该属性值也会被复制一份，而不是引用原对象中的该属性值，因此修改新对象中的该属性值不会影响原对象中的该属性值。

指导意义

在实际的开发中，我们经常需要对对象进行复制，因此了解浅复制和深复制的区别是很重要的。在编写测试用例时，我们应该分别对浅复制和深复制进行测试，并确保测试用例覆盖了所有可能出现的情况。通过对浅复制和深复制的测试，我们可以更好地了解它们的优缺点，从而在实际的开发中选择合适的复制方式。

总之，学习 Jest 测试浅复制和深复制是非常有意义的，它不仅可以帮助我们更好地理解 JavaScript 中的对象复制，还可以提高我们的测试能力和编码能力。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d4e67ea941bf71349228a1