在前端开发中，编写测试用例是十分必要的。而 Mocha 就是一个广受欢迎的 JavaScript 测试框架，它提供了一系列便捷的 API，可以让我们轻松实现测试验证。
然而，使用 Mocha 编写测试用例时，有些时候我们可能会遇到报错信息：
Error: done() called multiple times
这个错误意味着代码中的 done() 回调函数被多次执行了，进而导致了错误的发生。这种情况常常出现在异步测试用例中，因为异步测试代码的执行过程并不像同步代码那样线性，而是需要等待一定的时间才能执行完毕。
那么，如何解决这个问题呢？以下是几种方法：
1. 使用 setTimeout() 函数
在 Mocha 中，我们可以使用 setTimeout() 函数来实现测试代码中的异步操作。比如下面这个例子：
it('should return the total amount in 2 seconds', function(done) { setTimeout(function() { expect(getTotalAmount()).to.equal(100); done(); }, 2000); });
在上面的测试用例中，我们使用 setTimeout() 函数模拟了一个异步操作，该操作需要 2 秒钟才能完成。等到异步操作完成后，我们再调用 done() 函数，通知 Mocha 测试完成。
然而，如果在异步操作完成前就会执行回调函数呢？这时候就会导致 done() 函数被调用多次，从而触发 "Error: done() called multiple times" 错误。
为了避免这个错误，我们可以在回调函数中使用一个 flag 变量，以确保 done() 只被调用一次。修改后的代码如下：
-- -------------------- ---- ------- ---------- ------ --- ----- ------ -- - --------- -------------- - --- ---- - ------ --------------------- - --------------------------------------- -- ------- - ---- - ----- ------- - -- ------ ---展开代码
在上面的修改中，我们引入了一个名为 flag 的变量，并在回调函数中通过 flag 变量的值来判断是否已经调用过 done() 函数。如果 flag 的值为 true，则说明 done() 已经被调用过了，我们就不需要再次执行它了。
2. 使用 async/await 语法
除了使用 setTimeout() 函数外，我们还可以使用 async/await 语法来解决 "Error: done() called multiple times" 错误。
在使用 async/await 语法时，我们需要将测试函数声明为 async 函数，并在函数内部使用 await 关键字来等待异步操作完成。比如下面这个例子：
it('should return the total amount in 2 seconds', async function() { await delay(2000); // 等待 2 秒钟 expect(getTotalAmount()).to.equal(100); });
在上面的测试用例中，我们使用一个名为 delay() 的函数来模拟异步操作。这个函数返回一个 Promise 对象，将在 2 秒钟后解决完成。
我们再次运行这个测试用例，就会发现 "Error: done() called multiple times" 错误已经消失了。
3. 使用 done 回调函数中的参数
除了上述两种方法以外，我们还可以使用 done 回调函数中的参数来判断异步操作是否完成。而 Mocha 会自动检测 done 回调函数的参数，如果参数为 undefined，则认为测试用例执行成功。
比如下面这个例子：
-- -------------------- ---- ------- ---------- ------ --- ----- ------ -- - --------- -------------- - --- ---- - ------ --------------------- - --------------------------------------- -- ------- - ---- - ----- ------- - -- ------ ---展开代码
在这个测试用例中，我们没有传递任何参数给 done 回调函数，因此，Mocha 会自动认为测试用例执行成功，从而避免了 "Error: done() called multiple times" 错误。
经过上述三种方法的学习，相信读者已经能够轻松解决 "Error: done() called multiple times" 错误了。当然，以上的讲解还只是 Mocha 的基础部分，在实际开发中还有更多的细节问题需要注意。我建议读者多花一些时间学习 Mocha 的官方文档，更好地掌握 Mocha 的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c3afac314edc2684dc398a
