嘿，大家好！今天咱们来聊聊 Jest 这个测试框架里一个挺烦人的问题：怎么把外部的模块给模拟一下？特别是当你想断言这个模拟函数被调用了多少次或者传递了什么参数的时候。 也是没谁了。 别担心，这事儿我给你们好好唠唠，保证简单明了让你一看就懂！

啥情况？为什么需要模拟模块方法？

先说说咱们得知道为什么非得要模拟这些模块。在写单元测试的时候，你肯定不想让你的测试依赖于外部世界。比如你有个函数需要调用某个API，但是API可能不稳定、速度慢、或者根本不存在。这时候就需要用模拟来代替真实的API。这样你就能把你的测试集中在你自己写的代码上，是不是更靠谱？

最坑爹的问题：作用域！

好嘞，接下来咱们说正事儿。 你可能觉得很简单：直接用 `import` 语句把你需要模拟的函数导入进来就行了吧？ 但是... ... 有时候会出问题！ 最常见的问题就是“作用域”的问题。 Jest 的测试环境是隔离的，它不允许你直接访问外部的作用域变量。 这就好像你住在自己的小岛上一样，就算外面有什么东西也不方便拿过来用，也是没谁了...。

说句可能得罪人的话... 瞧瞧这代码！ 你想让你的测试通过但是却主要原因是没办法访问到外部的 `log` 函数而失败了。 这简直让人抓狂啊！

解决方案一：ESM import + 类型断言

别慌！有救的！ TypeScript 有个神奇的特性叫类型断言。 你可以告诉 TypeScript “我知道这个变量是什么类型”，即使 TypeScript 本身不知道，就这？。

一步一步来

• 导入你需要模拟的函数： 用标准的 `import` 语句把你要模拟的函数导入进来。
• 使用 `` 创建一个工厂函数： `` 是 Jest 提供的一个工具函数，它可以用来创建 mock 对象。我们把它当成一个工厂函数使用吧。
• 对导入的函数进行类型断言： 关键的一步！ 使用 `` 来告诉 TypeScript `mockedLog` 现在是一个 Jest 的 mock 函数.

工作原理

何必呢？ `` 就是一个类型断言操作符。 它告诉 TypeScript：“我知道 `log` 的真实类型是什么而且我现在要把它当成那个类型来使用。” 这就让你可以访问到 Jest mock 函数特有的方法。

解决方案二：JavaScript

我坚信... 不过为了完整性我还是说说 JavaScript 的做法吧。

• 使用创建工厂函数: 和上面一样

//在JS中也遇到同样的问题 ，由于jest运行环境隔离所以无法获取到 external scope里的变量，我跪了。。

• **最简单粗暴的方法就是利用typescript 类型断言**
• **ESM import + 类型断言 是最常用的方法**

额外小技巧

• **Mocking all functions:** 如果你要 mock 一个复杂的对象里面的很多个方法, 可以考虑使用 Jest 的 `jest.spyOn` 方法来进行更精确地 mocking.
• **Mocking with specific return values:** 你还可以设置 mock 函数返回特定的值来进行更精确地控制测试后来啊.