概述
在前端开发中，我们经常需要对一些依赖进行 Mock，以便在测试时不依赖真实的数据和环境。在 Jest 中，我们可以使用 Mock 模块来进行 Mock，但是在使用过程中，我们可能会遇到 Mock 访问者模式的问题。
Mock 访问者模式是指在 Jest 中使用 Mock 进行测试时，如果我们 Mock 了一个函数，而这个函数又调用了其他函数，那么这些被调用的函数也需要进行 Mock。这样一来，我们就需要 Mock 整个函数调用链，这就是访问者模式。
解决方案
为了解决 Mock 访问者模式的问题，我们可以使用 Jest 的 jest.mock() 方法。这个方法可以让我们 Mock 一个模块，并且可以自动 Mock 这个模块中的所有函数。
例如，我们有一个 foo.js 模块，它依赖了 bar.js 模块。我们想要 Mock foo.js 模块，那么我们可以这样写：
-- -------------------- ---- ------- --------------------- -- -- -- ---- ---------- ---- ----- --- - -------------------- ----------- -- -- - ------ ----------------------------------- ---
在这个例子中，我们使用 jest.mock() 方法来 Mock bar.js 模块，并且将 baz 函数 Mock 为 Jest 的 Mock 函数。然后，在测试代码中，我们可以使用 bar.baz 来断言 baz 函数是否被调用。
深度学习
除了使用 jest.mock() 方法外，我们还可以使用其他的 Mock 方法来解决 Mock 访问者模式的问题。
1. 模块重写
我们可以使用 Jest 的 require.cache API 来重写一个模块。这个 API 可以让我们获取一个模块的缓存，并且可以修改这个缓存。例如：
-- -------------------- ---- -------
----- --- - --------------------
----- --- - --------------------
--------------------- -- -- --
---- ----------
----
----------- -- -- -
-------------------------------------------------- - -
---- ----------
--
------
-----------------------------------
---在这个例子中，我们使用 require.cache API 来重写 bar.js 模块，并且将 baz 函数 Mock 为 Jest 的 Mock 函数。然后，在测试代码中，我们可以使用 bar.baz 来断言 baz 函数是否被调用。
2. 自定义 Mock 实现
我们可以使用 Jest 的 jest.mock() 方法来自定义一个 Mock 实现。这个方法可以让我们 Mock 一个模块，并且可以自定义这个模块中的函数实现。例如：
-- -------------------- ---- -------
--------------------- -- -- --
---- ----------
----
--------------------- -- -- -
----- --- - --------------------
------ -- -- -
----------
--
---
----- --- - --------------------
----------- -- -- -
------
-----------------------------------
---在这个例子中，我们使用 jest.mock() 方法来 Mock bar.js 模块，并且将 baz 函数 Mock 为 Jest 的 Mock 函数。然后，我们使用 jest.mock() 方法来自定义 foo.js 模块的实现，这个实现会调用 bar.baz() 函数。最后，在测试代码中，我们可以使用 bar.baz 来断言 baz 函数是否被调用。
指导意义
Mock 访问者模式是 Jest 中常见的问题之一，但是我们可以使用上述的解决方案来解决这个问题。在实际的开发中，我们应该根据具体的情况选择合适的解决方案。同时，在编写测试代码时，我们应该尽量避免 Mock 访问者模式的出现，以便测试代码更加简洁和易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d2e52fa941bf713459c830
