在前端开发中，测试是非常重要的一环。而 Jest 是目前使用最广泛的 JavaScript 测试库之一。在 Jest 的使用过程中，有一些开发者可能会犯使用全局作用域的错误，这会对测试结果造成不良的影响。本文将介绍在 Jest 测试时如何避免使用全局作用域的问题，并提供一些有用的指导意义和示例代码。
为什么要避免使用全局作用域？
JavaScript 使用全局作用域的一个通常误解是可以让变量在任何时候访问和修改。然而，这会导致意外的问题，在 Jest 中也不例外。
在 Jest 中，一些测试用例可能会修改全局作用域中声明的变量，导致其他测试用例的运行受到影响。这样就会导致我们无法清晰地分析和检查代码，从而影响测试的可靠性和实效性。
为了确保测试的准确性，我们应始终避免在 Jest 中使用全局作用域。
如何避免使用全局作用域？
将变量设置为局部范围
为了避免使用全局变量，我们应该设法将变量转换为局部变量。比如，可以在测试函数内部定义和设置变量，这样可以确保只在特定的范围内使用它。
以下是一个示例代码，定义了一个在局部范围内使用的变量：
test('测试局部变量', () => {
const localVariable = true;
expect(localVariable).toBe(true);
});在这个示例代码中，localVariable 只被定义在测试用例中，并且不受其他代码的干扰。
使用测试挂钩（Hooks）
Jest 提供了注册并执行全局或局部挂钩的方式。挂钩是一组在测试套件中获取结果或设置先决条件的回调函数。通过使用挂钩，我们可以在不使用全局作用域的情况下，共享数据和逻辑的代码。
以下是一个对于 beforeEach() 函数进行相应的示例代码：
-- -------------------- ---- ------- --- --------------- ------------- -- - -------------- - ----- --- ------------------ -- -- - ---------------------------------- ---
在这个示例代码中，我们定义了一个全局变量 globalVariable，并通过 beforeEach() 挂钩添加了一个在每个测试运行之前都执行的回调函数。
使用 Jest Mocks
在 Jest 中，我们可以使用 jest.mock() 函数来创建“桩”实现，以模拟我们的代码所依赖的外部依赖项。这可以避免在测试时产生副作用，也可以使测试更加独立和可控。
以下是一个使用 Jest Mocks 的示例代码：
test('测试使用 Jest Mocks', () => {
const mockFn = jest.fn();
mockFn(true);
expect(mockFn.mock.calls.length).toBe(1)
expect(mockFn.mock.calls[0][0]).toBe(true)
});在这个示例代码中，我们使用 jest.fn() 函数创建一个模拟函数，并传入了一个参数。然后我们使用 assert 来验证模拟函数真的被调用了，参数也被正确传入。
结论
在 Jest 测试时，避免使用全局作用域是非常重要的。通过遵循本文中提供的指导意义和示例代码，我们可以更好地保证测试的可靠性、实效性和正确性。
请务必避免使用全局变量，在测试中使用局部或共享变量，或者使用 Jest Mocks 桩实现，以确保测试正确行使其职责，避免掩盖潜在错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677272396d66e0f9aad945de