Chai.js expect 语法中的 `to.equal` 和 `to.deep.equal` 详解-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发中，测试是必不可少的一部分。Chai.js 是一款流行的 JavaScript 测试框架，在其中 expect 语法是一种非常常用的断言方式。其中的 to.equal 和 to.deep.equal 分别用于比较两个值是否相等，但在使用时，我们需要理解它们的区别。

to.equal 是 Chai.js 中常用的一个断言函数，用于检查两个值是否完全相等。

expect(foo).to.equal(bar);

let foo = 1 + 1;
let bar = 2;
expect(foo).to.equal(bar); // 通过

如果 foo 的值与 bar 的值不相等，则会抛出错误。

let foo = 1 + 2;
let bar = 2;
expect(foo).to.equal(bar); // 报错

然而，使用 to.equal 可能会遇到一些问题。例如，当我们比较两个对象时，它们在内存中的地址不同，因此比较 to.equal 会失败。

let obj1 = { a: 1 };
let obj2 = { a: 1 };
expect(obj1).to.equal(obj2); // 报错

虽然它们的属性值都是相等的，但由于它们在内存中的地址不同，所以 to.equal 函数不会返回 true。

to.deep.equal 是 to.equal 的一个变体。它在比较两个值时会递归地遍历它们的每一个子元素，如果它们的属性值都一致，则返回 true。

expect(foo).to.deep.equal(bar);

let obj1 = { a: 1 };
let obj2 = { a: 1 };
expect(obj1).to.deep.equal(obj2); // 通过

在这个例子中，我们使用 to.deep.equal 比较了两个对象，即使它们在内存中的地址不同，但由于它们的属性值相等，所以它们被认为是相等的。

尽管 to.deep.equal 在处理对象时很有用，但当我们处理大型对象时，它的时间复杂度可能会很高。递归每个子元素可能需要执行大量的比较操作，并且更多的内存和 CPU 时间可能被消耗。

在使用 to.equal 和 to.deep.equal 时，需要根据具体场景进行选择。当我们需要比较两个简单的数据类型时， to.equal 是非常合适的，例如数字、字符串等。而当比较对象时，我们需要使用 to.deep.equal 来递归的遍历对象的属性值。

在进行测试时，牢记在心，选择正确的断言方式将有助于成功测试的编写。

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