在前端项目中，我们经常会用到测试工具来确保代码的质量和正确性。Jest 是一个流行的 JavaScript 测试框架，可以方便地进行单元测试和集成测试。但是，有时候我们在运行 Jest 测试时可能会遇到一个常见的报错：TypeError: Cannot read property 'xxx' of null。
这个报错的意思是我们在尝试读取一个对象的属性时，该对象为 null。这可能会导致我们的测试用例无法运行，从而降低我们的测试覆盖率。那么，我们该如何解决这个问题呢？
问题分析
我们来看一个简单的例子：
-- -------------------- ---- -------
-------- ------------------- -
------ ----------
-
-------------------------- -- -- -
------------ ------ --- ----- -- -- -------- -- -- -
----- --- - -----
----- ------ - --------------------
-------------------------------
---
---在这个例子中，我们定义了一个函数 getObjectValue，它接受一个对象参数并返回该对象的 value 属性。然后，我们编写了一个测试用例来测试它的功能。但是，我们将 obj 参数设置为了 null。
当我们运行测试用例时，控制台会显示以下错误信息：
TypeError: Cannot read property 'value' of null
这是因为我们在尝试读取 null 对象的属性 value，导致代码抛出了异常。
解决方案
为了避免这种错误，我们需要在读取属性值前进行对象的非空判断。我们可以使用 JavaScript 中的“可选链式调用运算符”（optional chaining operator）来完成这项工作。
在上面的例子中，我们可以修改 getObjectValue 函数的实现：
function getObjectValue(obj) {
return obj?.value;
}这个函数的作用与之前一样，但是在读取对象的属性之前，使用了 ?. 这个运算符来判断对象是否为 null。如果是 null，那么该表达式的值就是 undefined。这样就可以避免以上报错的问题。
总结
在 Jest 测试中，当出现 TypeError: Cannot read property 'xxx' of null 报错时，我们需要仔细检查测试用例代码，尤其是读取对象属性值的地方，是否存在对象为空的情况。如果存在，我们可以使用 JavaScript 的可选链式调用运算符来完成非空判断，从而避免这种常见错误。
-- -------------------- ---- -------
-------- ------------------- -
------ -----------
-
-------------------------- -- -- -
------------ ------ --- ----- -- -- -------- -- -- -
----- --- - -----
----- ------ - --------------------
-------------------------------
---
---希望这篇文章可以对你有所帮助。在实际项目中，涉及到测试的代码应该尤其注意这种问题，保证代码的健壮性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647c06a4968c7c53b073d730