当你在编写 TypeScript 代码的时候，你可能会遇到这种错误：
TypeError: Cannot read property 'XXX' of null
这种错误通常意味着你在尝试访问一个空值，而且这个空值还没有被正确地处理。
在 TypeScript 中，由于其强类型的本质，这种类型的错误可能更常见。在本文中，我们将讨论这种错误的常见情况并提供解决方案。
常见情况
- 尝试访问未初始化的对象
在访问 TypeScript 对象的属性之前，您必须为该对象分配一个值。如果您试图访问未初始化的对象的属性，将会出现这种类型的错误。
let obj; console.log(obj.property) // TypeError: Cannot read property 'property' of undefined
在上面的示例中，我们尝试访问未初始化的变量 obj 的 property 属性。显然，obj 尚未分配任何值，所以 TypeScript 返回了上述错误。
- 尝试访问 null 对象的属性
如果您尝试访问一个 null 对象的属性，也会出现这种类型的错误。
let obj = null; console.log(obj.property) // TypeError: Cannot read property 'property' of null
在上面的示例中，我们将 obj 设置为 null，然后尝试访问其 property 属性。在这种情况下，obj 对象并不存在，所以 TypeScript 返回了上述错误。
解决方案
- 初始化对象
如果您正在使用一个 TypeScript 对象（或其他变量），请确保它已经被初始化并已经分配了值。
let obj = { 'property': 'value' }; console.log(obj.property) // "value"
在上面的示例中，我们初始化了一个 TypeScript 对象，并为其分配了一个值。然后，我们可以访问该对象的 property 属性而不引发任何类型的错误。
- 做空值检查
当访问一个可能是 null 的对象的属性时，您应该先进行 null 值检查。
let obj = null; if (obj != null) { console.log(obj.property) // "value" } else { console.log('obj is null'); }
在上面的示例中，我们使用 if 语句检查 obj 是否为 null。如果不是，则可以安全地访问其 property 属性。否则，我们将打印一条带有“对象为空”的消息。
示例代码
-- -------------------- ---- ------- --- ---- --- --- - --- -- --- -- ---- -- ----- - --------------- -- - --- - - ----------- --- -- -------------------------- -- -- -- - --- - ---- - ---------------- -- ------- - -- ---- -- ----- - -------------------------- -- - - ---- - ---------------- -- ------- -展开代码
在上述示例代码中，我们首先检查了数组 arr 是否存在，并使用 forEach() 方法遍历了该数组。在 forEach() 中，我们将 obj 对象的 property 属性设置为数组中的每个元素，并在每次迭代中打印该属性的值。
然后我们又一次检查了 obj 是否为 null，如果不是，就打印其 property 属性的值。
经过这样的检查，我们避免了上述错误并确保代码的正确执行。
结论
在 TypeScript 编程中，避免这种类型的错误是很重要的。在本文中，我们讨论了这种类型的错误出现的常见情况，并提供了解决方案。如果您遇到这种类型的错误，请使用上述方法进行检查并修复它们，以确保您的代码正确执行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672df124eedcc8a97c866f63
