在前端开发中，我们经常需要使用模拟数据来测试我们的应用程序。这就需要使用存根函数来代替真实的函数。在 ES6 中，由于模块化的特性，导出的函数有时候可能会比较难以被存根。本文将详细介绍如何在 ES6 中存根导出的函数，并附上示例代码。
1. 存根未默认导出的函数
如果一个模块导出了多个函数，但是只有其中一个需要被存根，那么可以使用 import * as 将整个模块导入到一个变量中，然后再存根所需的函数。
-- -- --------- ------ -------- ----- - -- --- - ------ -------- ----- - -- --- - -- ---- ------- ------ - -- ------ ---- -------------- ---------- - ---------- -- ---- --------- ------ ------ ---- -- -- - ------------------------------ ---
在上面的示例中，我们使用 import * as module 将整个 module.js 模块导入到一个名为 module 的变量中。然后，我们使用 jest.fn() 创建了一个存根函数，来替代 foo 函数。最后，在测试代码中，我们调用 module.foo() 来执行存根函数，并通过 expect() 断言其返回值是否为 42。
2. 存根默认导出的函数
如果一个模块只导出了一个函数，并且该函数是默认导出的，那么存根它就稍微麻烦一些。
-- -- --------- ------ ------- -------- ----- - -- --- - -- ---- ------- ------ --- ---- -------------- ------------------------ -- -- -- ----------- ----- -------- ---------- -- --- ---- --------- ------ ------ ---- -- -- - ----------------------- ---
在上面的示例中，我们使用 jest.mock() 函数来存根 ./module.js 模块。通过传递一个回调函数给 jest.mock()，我们可以返回一个包含存根函数的对象。同时，该对象还需要设置 __esModule: true 属性来表示这是一个 ES6 模块。
最后，在测试代码中，我们调用 foo() 来执行存根函数，并通过 expect() 断言其返回值是否为 42。
结论
存根导出的函数在前端开发中非常常见，因此掌握如何在 ES6 中存根导出的函数对于提高我们的开发效率非常有帮助。本文详细介绍了两种不同情况下的存根方法，并提供了相应的示例代码。希望读者可以通过本文的学习和实践来更好地理解和应用存根技术。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30755