在进行前端测试的过程中，Mocha测试框架是一种常用的选择。然而，在使用Mocha测试框架的时候，有时候会遇到 “ReferenceError: ___ is not defined”的错误，这个错误通常在测试用例里面出现，给我们的调试过程带来了一些不便。本文就来探讨这个错误的原因和解决方法，希望能够对大家解决测试框架的问题有所帮助。
1. 引用问题
我们知道，在JavaScript中，如果我们使用了一个没有经过定义的变量，就会出现“ReferenceError: ___ is not defined”的错误。这个错误同样也会在Mocha测试框架中出现。
1.1 变量没有定义
当我们在测试用例中使用了没有经过定义的变量的时候，就会出现这个错误。比如下面这个例子：
-- -------------------- ---- -------
---------------- ---------- -
-------- - --- ---------- -
--- ------ - ------
---------------------------
---
-------- - --- ---------- -
--- --- - --- -- ---
-------------------------------
---
---在上面这个例子中，我们使用了没有定义的函数foo()和没有定义的变量arr.length，这样就会出现"ReferenceError: foo is not defined"和"ReferenceError: arr is not defined"的错误。
1.2 脚本没有引用
还有一种情况就是我们的测试脚本没有正确引用。我们知道，如果在HTML页面中引用了一个没有定义的变量，同样也会出现“ReferenceError: ___ is not defined”的错误。在测试用例中，如果我们没有正确引用我们需要使用的库或者脚本，同样也会出现这个错误。比如下面这个例子：
-- -------------------- ---- -------
--------- -----
------
------
-------------------
-------
------
------- ------------------------------------------------------------------
------- -------------------------
-------
-------// test.js
describe('测试模块', function() {
it('测试用例 - 1', function() {
var result = $('#test').html();
expect(result).to.equal('Hello World');
});
});在上面这个例子中，我们使用了jQuery库，如果没有在HTML页面中正确引用，就会出现“ReferenceError: $ is not defined”的错误。
2. 解决方法
知道了错误的原因，我们就可以尝试解决这个问题了。
2.1 定义变量
最简单的方法就是定义我们需要使用的变量或者函数。比如上面的例子，我们可以在测试用例之前定义我们需要使用的变量和函数，像这样：
-- -------------------- ---- -------
--- --- - ---------- -
------ --
-
---------------- ---------- -
-------- - --- ---------- -
--- ------ - ------
---------------------------
---
-------- - --- ---------- -
--- --- - --- -- ---
-------------------------------
---
---这样就可以避免“ReferenceError: ___ is not defined”错误的出现。
2.2 引用库
如果我们使用了一些库，需要在测试用例中引用库，确保正确使用库里面的方法和变量。引用库的方法有很多种，可以通过CDN地址引用库，也可以将库文件保存在本地并引用。比如上面的例子，我们需要用到jQuery库，可以在测试用例之前通过下面的方式引用：
-- -------------------- ---- -------
---------------- ---------- -
----------------- -
--- ------ - ---------------------------------
---------- - -----------------------------------------------------
----------------------------------
---
-------- - --- ---------- -
--- ------ - ------------------
------------------------------ --------
---
---这样就可以避免“ReferenceError: $ is not defined”错误的出现。
2.3 使用require
另一种方法就是使用CommonJS风格的模块化，在测试文件中引用所需要的模块。这种方法可以使用require()函数，导入需要使用的模块。比如，我们需要引用chai库来做断言，可以这样写：
-- -------------------- ---- -------
--- ------ - -----------------------
---------------- ---------- -
-------- - --- ---------- -
--- ------ - ------
---------------------------
---
-------- - --- ---------- -
--- --- - --- -- ---
-------------------------------
---
---这样就可以避免“ReferenceError: ___ is not defined”错误的出现。
总结
在使用Mocha测试框架的时候，大家可能会遇到“ReferenceError: ___ is not defined”的错误。这个错误通常发生在没有定义变量或者没有正确引用库的时候。为了避免这个错误的出现，我们可以在测试用例之前定义变量，正确引用库，使用CommonJS风格的模块化等方法来解决。希望通过本文的介绍可以帮助大家更好地使用Mocha测试框架。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a7cec748841e9894465a02