在前端开发中，测试是非常重要的一项工作。在测试中，我们经常需要模拟函数对其他函数的调用。这时候，我们就需要使用 sinon.spy() 和 sinon.stub() 这两个方法了。
什么是 sinon.spy() 和 sinon.stub()
sinon.js 是一个用于 JavaScript 测试的库，它支持多个 JavaScript 环境，并提供了丰富的测试工具。其中包括用于创建和管理测试对象的功能。
sinon.spy() 和 sinon.stub() 都是用来模拟 JavaScript 函数的调用，并跟踪它们的行为的方法。但是两者却有不同的用途：
- sinon.spy() 用于记录函数调用的统计信息，例如该函数被调用的次数、参数、返回值等等。
- sinon.stub() 则用于完全替换函数的实现，在测试中使用。
使用 sinon.spy() 来测试函数的调用
使用 sinon.spy() 方法是很简单的。我们可以用它来记录一个函数在测试期间的调用情况，然后将这些调用情况与预期值进行比较。
例如，我们假设有如下代码：
function foo() {
bar();
baz();
}
function bar() {}
function baz() {}我们想要测试 foo() 函数是否成功调用了 bar() 和 baz() 函数。这时候我们就可以使用 sinon.spy() 方法：
-- -------------------- ---- -------
----------------- ---------- -
---------- ---- ----- --- ----- ----------- ---------- -
--- ------ - ----------------- -------
--- ------ - ----------------- -------
------
--------------------------------
--------------------------------
---
---在这个示例中，我们用 sinon.spy() 方法来创建了 barSpy 和 bazSpy 两个间谍。然后我们调用 foo() 函数，并使用 sinon.assert.calledOnce() 方法来检查 barSpy() 和 bazSpy() 是否只被调用了一次。
使用 sinon.stub() 来测试函数的调用
使用 sinon.stub() 方法也很简单。我们可以使用它来替换一个函数的实现，以便在测试中使用。
例如，我们假设有如下代码：
function foo() {
return bar();
}
function bar() {
return 42;
}我们想要测试 foo() 函数是否正确地返回了 42。这时候我们就可以使用 sinon.stub() 方法：
-- -------------------- ---- -------
----------------- ---------- -
---------- ------ ---- ---------- -
--- ------- - ------------------ -------------------
--- ------ - ------
----------------------------
------------------
---
---在这个示例中，我们用 sinon.stub() 方法来创建了一个 barStub 假装函数。然后我们使用 barStub.returns() 方法来指定该函数的返回值。
当调用 foo() 函数时，它会返回 42，我们使用 expect() 函数来判断其是否正确。最后在 afterEach() 方法中还原该函数的实现。
总结
使用 sinon.js 库的 sinon.spy() 和 sinon.stub() 方法是测试 JavaScript 函数调用的一个好方法。它们能够帮助我们跟踪函数的调用情况，以及模拟和调试代码。
当我们写代码时，请记住在测试中使用 sinon.spy() 和 sinon.stub() 方法，以保证代码的质量和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649e9b7748841e9894b2175d