在前端开发的测试过程中，使用 Mocha 是非常常见的。它是一个基于 Node.js 的测试框架，可以用来写简单、灵活、可读性强的测试脚本。在使用 Mocha 进行测试时，了解 afterEach 与 after 两个钩子函数的区别非常重要。本文将会详细介绍二者的区别及使用。
afterEach
在测试执行后，afterEach 函数会在所有测试用例完成之前执行，并且每个测试用例都会执行一次这个函数。这个钩子函数通常用于进行清理工作，比如重置测试数据库或者恢复 mock 对象的状态。
例如，我们有一个叫做 sum 的函数，需要进行测验：
-- -------------------- ---- -------
----- --- - --- -- -- - - --
------------------- ------ -- -- -
--- -------
------------- -- -
------ - ------ ---
---
------------ -- -
------ - -----
---
---------- ------ --- -- -- -
-------------------- ---
---
---------- --- ------ ------ -- -- -
----------------------- ------
---
---在上述代码中，我们使用 beforeEach 钩子函数在每个测试用例开始之前调用 sum 函数，将其结果存储在变量中。在 afterEach 钩子函数中，我们将变量设为 null，以确保在每个测试用例执行后将其清除。这能保证每个测试用例都有自己的结果，不会受前一次测试结果的影响。
after
与 afterEach 不同，after 函数只在所有测试用例完成后执行一次。在测试执行后，希望进行一些全局性清理工作，after 函数就派上用场了。
接下来，我们假设在测试执行期间，通过 http 请求创建了一些测试数据。测试用例在创建时使用了这些数据，我们需要确保在所有测试用例执行完毕后，这些数据都被清理干净。
为了清理测试数据，可以在 after 钩子函数内发送 http 请求：
-- -------------------- ---- -------
----- ------- - -------------------
----- - ------ - - ----------------
------------- ------ -- -- -
--- ---
----------------- -- -
---------------------------------------------- ------- --------- ----- -- -
-- - --------------------
-------
---
---
---------- --- ------ ------ -- -
-------------------------------------------- ------- --------- ----- -- -
------------------------------------ ----------
-------
---
---
------------ -- -
----------------------------------------------- ------- --------- ----- -- -
-------
---
---
---在上述代码中，我们创建了一个在测试期间使用的 ID，并使用 beforeEach 钩子函数发送了一个 POST 请求来创建数据。在测试后，我们在 after 钩子函数中发送 DELETE 请求删除数据。这保证了测试数据的清理工作得到了正确处理。
总结
在 Mocha 测试中，afterEach 和 after 钩子函数常常被用于进行清理工作。每个测试用例都会调用 afterEach 钩子函数，而 after 钩子函数则是在所有测试用例执行结束后执行一次。
无论是 afterEach 还是 after 钩子函数，在测试执行期间，能够准确地清理数据，保证测试的准确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6484493748841e9894366b25