Chai 对于 deep.equal 的嵌套情况的处理方法

在进行前端开发时，使用测试工具能够更快速地发现代码问题，提高代码质量。而 Chai 是一款常用的测试工具库之一，其中的 deep.equal 方法可以用来比较两个对象是否相等。但是，在对象嵌套的情况下，deep.equal 的使用可能会出现一些问题。本文将详细介绍 Chai 对于 deep.equal 嵌套情况的处理方法，并给出相关示例代码。

普通情况下的 deep.equal

在进行普通的 deep.equal 测试时，我们通常直接通过 expect 函数和 to.deep.equal 方法来实现。例如：

const obj1 = { a: 1, b: '2' };
const obj2 = { a: 1, b: '2' };
expect(obj1).to.deep.equal(obj2); // 通过

在这种情况下，deep.equal 可以正常地比较两个对象，返回的结果是相等的。

嵌套情况下的 deep.equal

但是，当对象嵌套时，情况就变得稍微有些复杂。例如：

const obj1 = { a: 1, b: { c: '3' } };
const obj2 = { a: 1, b: { c: '3' } };
expect(obj1).to.deep.equal(obj2); // 报错

以上代码中，虽然两个对象的结构相同，但是在 deep.equal 的比较规则下，这两个对象是不相等的。因为在这种情况下，只有对象的引用地址相同时才会判定为相等。

为了解决这个问题，Chai 提供了一个 chai-shallow-deep-equal 插件，该插件可以实现更深层次的深度比较。安装插件后，我们可以通过 expect 函数和 shallowDeepEqual 方法来实现嵌套的 deep.equal 测试。例如：

const chaiShallowDeepEqual = require('chai-shallow-deep-equal');
chai.use(chaiShallowDeepEqual);
const obj1 = { a: 1, b: { c: '3' } };
const obj2 = { a: 1, b: { c: '3' } };
expect(obj1).to.shallowDeepEqual(obj2); // 通过

在这种情况下，shallowDeepEqual 方法可以正常地比较两个对象，返回的结果是相等的。

总结

Chai 的 deep.equal 方法是比较对象是否相等的常用方法之一，但是在嵌套情况下容易出现问题。为了解决这一问题，我们可以借助 chai-shallow-deep-equal 插件来实现更强的深度比较。在编写代码时，我们应当尽量避免对象嵌套层次过深，以降低代码复杂度。代码示例如下：

const chaiShallowDeepEqual = require('chai-shallow-deep-equal');
chai.use(chaiShallowDeepEqual);
const obj1 = { a: 1, b: { c: '3' } };
const obj2 = { a: 1, b: { c: '3' } };
expect(obj1).to.shallowDeepEqual(obj2); // 通过

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65af37f5add4f0e0ff8a1223