在前端开发中，测试是非常重要的一环。Chai 是一个流行的 JavaScript 断言库，它提供了很多测试工具，其中包括一个断言对象深度相等的方法 deep.equal。然而，在使用这个方法时，我们需要注意一些陷阱，否则会导致测试失败或者产生不正确的结果。
陷阱一：引用类型的比较
在 JavaScript 中，对象和数组都是引用类型。当我们使用 deep.equal 方法比较两个对象或数组时，它会对它们进行深度遍历并逐一比较它们的属性或元素。然而，如果这些属性或元素是引用类型的值，那么比较的结果将会是它们的引用地址是否相等，而不是它们的值是否相等。
-- -------------------- ---- ------- ----- ---- - - -- --- -- -- ----- ---- - - -- --- -- -- --------------------------------- -- -- ----- ---- - ---- --- --- ---- ----- ---- - ---- --- --- ---- --------------------------------- -- -- ----- ---- - - -- - -- - - -- ----- ---- - - -- - -- - - -- --------------------------------- -- --
在上面的例子中，我们可以看到当比较 obj3 和 obj4 时，测试失败了。这是因为它们的属性 a 是一个对象，而且它们的引用地址不同，所以 deep.equal 方法认为它们不相等。为了解决这个问题，我们可以使用 deepStrictEqual 方法，它会比较对象或数组中的每个属性或元素的类型和值是否相等。
expect(obj3).to.deepStrictEqual(obj4); // 通过
陷阱二：NaN 的比较
在 JavaScript 中，NaN 表示不是一个数字。它与任何值都不相等，包括它自己。然而，在使用 deep.equal 方法比较两个对象或数组时，如果它们包含了 NaN，那么比较的结果将会是它们相等。这是因为 NaN 与任何值都不相等，包括它自己，所以只要两个对象或数组都包含了 NaN，它们就相等。
-- -------------------- ---- ------- ----- ---- - - -- --- -- ----- ---- - - -- --- -- --------------------------------- -- -- ----- ---- - ------ ----- ---- - ------ --------------------------------- -- --
在上面的例子中，我们可以看到当比较 obj1 和 obj2 或者比较 arr1 和 arr2 时，测试通过了。这是因为它们都包含了 NaN，所以它们相等。为了解决这个问题，我们可以使用 Number.isNaN 方法，它可以判断一个值是否为 NaN。
expect(Number.isNaN(obj1.a)).to.be.true; expect(Number.isNaN(obj2.a)).to.be.true; expect(Number.isNaN(arr1[0])).to.be.true; expect(Number.isNaN(arr2[0])).to.be.true;
陷阱三：循环引用的比较
在 JavaScript 中，对象和数组可以形成循环引用，即它们的属性或元素之间相互引用。这种情况下，如果我们使用 deep.equal 方法比较两个对象或数组，它将会陷入死循环并最终报错。
const obj1 = { a: {} };
obj1.a.b = obj1;
const obj2 = { a: {} };
obj2.a.b = obj2;
expect(obj1).to.deep.equal(obj2); // 报错在上面的例子中，我们可以看到当比较 obj1 和 obj2 时，测试报错了。这是因为它们的属性 a.b 形成了循环引用，导致 deep.equal 方法陷入死循环。为了解决这个问题，我们可以使用 chai-circular-deep-equal 插件，它可以比较带有循环引用的对象或数组。
const chai = require('chai');
const chaiCircular = require('chai-circular-deep-equal');
chai.use(chaiCircular);
expect(obj1).to.circularDeepEqual(obj2); // 通过结论
在使用 Chai 断言对象深度相等时，我们需要注意引用类型的比较、NaN 的比较和循环引用的比较这些陷阱。只有正确地使用它，才能保证测试的准确性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675bb89ea4d13391d8f76540