当我们使用 Mocha 进行前端测试的时候，有时候会遇到 Cannot read property ‘…’ of undefined 这样的错误，这是由于在测试中访问了一个未定义的属性或方法造成的。本文将详细介绍该错误的原因和解决方法。
问题原因
错误信息提示了我们访问了一个未定义的属性或方法，那么问题的原因就很明显了。在测试中访问了一个没有赋值的变量或没有定义的方法，导致了该错误的发生。
解决方法
1.检查测试文件的代码逻辑
首先，我们需要检查测试文件的代码逻辑，看看有没有未定义的变量和方法。通常这种错误是因为在测试前没有正确初始化相关变量和方法，或者没有正确地引入测试文件中依赖的模块。
例如，下面的示例代码中，在 beforeEach 方法中没有初始化 foo 变量，导致在测试中访问 foo.bar 属性时出现了 Cannot read property ‘bar’ of undefined 的错误。
-- -------------------- ---- -------
-------------- ------- -- -- -
--- ----
------------- -- -
-- ----- --- --
---
-------- ------ -- -- -
---------- -- --------- ---- -------- ----- -- ---------
---
---2.使用 assert 断言判断变量是否为 undefined
如果我们需要访问的变量是在异步操作中赋值的，那么我们需要在测试中加上必要的等待代码；如果变量可能为 undefined，我们可以使用 assert 断言来判断变量是否已经赋值。
例如，下面的示例代码中，在异步操作完成前调用了 assert 断言判断 foo 是否为 undefined，避免了后续的错误发生。
-- -------------------- ---- -------
-------------- ------- -- -- -
--- ----
------------- -- -
------------- -- -
--- - - ---- ----- --
-------
-- ----
---
-------- ------ -- -- -
-------------------- ---------- ---- -- --- ----------
--------------------- ------ -------- -- --- ------
---
---3.使用 try-catch 处理异常
最后，如果我们在测试中访问的是一个不确定的方法或属性，可以使用 try-catch 处理相关异常，避免测试中断。
例如，下面的示例代码中，在访问 foo.bar() 方法时使用了 try-catch 处理异常，保证测试的正常执行。
-- -------------------- ---- -------
-------------- ------- -- -- -
--- ----
------------- -- -
--- - ---
---
-------- ------ -- -- -
--- -
----------
- ----- ----- -
---------------------- ------ --- ----- -- ------------
-
---
---总结
以上就是解决 Mocha 测试报错 “Cannot read property ‘…’ of undefined” 的方法。我们需要检查测试文件的代码逻辑，使用 assert 断言判断变量是否为 undefined，以及使用 try-catch 处理异常，避免测试中断。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6480b0e148841e98940303ce