npm包spyOn是一个非常有用的工具，它可以帮助前端开发人员更好地进行单元测试。本文将详细介绍spyOn是什么，以及如何在你的项目中使用它。
什么是spyOn？
SpyOn是一个可用于JavaScript测试的mock函数，它能够捕获任何函数，然后在不遗漏代码覆盖率的情况下检查它如何被调用。简而言之，它可以用于追踪函数的调用情况，并在需要时进行模拟。
安装SpyOn
使用SpyOn非常简单，你只需要在你的项目中安装它就可以了。在命令行中输入下面的命令：
npm install jasmine-spyon-off
使用示例
以下是一个简单的例子，使用SpyOn去追踪一个add函数的调用情况：
-- -------------------- ---- ------- -------- ------ -- - ------ - - -- - -- ----- --- ------ - ------------- ------- -- ---- --- ------ - ------ --- -- ------ -------------------------------------- --- ---------------------------------------- -------------------------------------------------- ---- --------------------------------------------- ----
我们可以看到，我们创建了一个addSpy的SpyOn对象，用它去追踪add函数。
接下来，我们调用了add函数来计算两个数字的和，并使用SpyOn开发的toHaveBeenCalledWith方法验证调用次数以及参数，这个例子展示了它的一些特性：
toHaveBeenCalledOnce()验证函数是否被调用了一次toHaveBeenCalledWith(2, 3)验证函数是否被调用，并检查它是否使用了正确的参数，这里是2和3。calls对象带有一些方便的方法，例如calls.count()可以查看函数被调用了几次，mostRecent()会返回函数最后一次被调用时传递的参数，而first()则返回第一次调用时传递的参数。
spy对象的返回值
SpyOn对象的另一个好处是你可以自由地设定它的返回值，从而模拟它的返回值。
function double(a) {
return a * 2;
}
it('should return the value we set', function() {
var doubleSpy = spyOn(window, 'double').and.returnValue(10);
expect(double()).toEqual(10);
});在这个例子中，我们使用and.returnValue(10)去设定doubleSpy的返回值，然后我们再次调用它，并验证它返回的是我们设置的值。
总结
SpyOn是一个非常有用的工具，它在进行单元测试时尤为重要。通过学习本文中的实例，你可以开始使用SpyOn去追踪函数的调用情况，并进行模拟。当你准备开始单元测试时，记得使用SpyOn去帮助你测试代码，这将使你的代码更加健壮和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a48ccae46eb111f0f4