有哪些JavaScript常见错误类型概述？

本文共计2507个文字，预计阅读时间需要11分钟。

前言：查看了数千个项目后，发现了10个最常见的JavaScript错误。我们会告诉你什么原因导致了这些错误，以及如何避免它们的发生。如果你能避免陷入这些陷阱，你将成为JavaScript大师。

前言

查看了数千个项目后，发现了 10 个最常见的 JavaScript 错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”，你将会成为一个更好的开发者。

JavaScript 常见错误 Top 10：

为了便于阅读，我们将每个错误描述都尽量简化。接下来，让我们深入到每一个错误，来了解是什么会导致它，以及如何避免这个问题。

1、Uncaught TypeError: Cannot read property

如果你是一个 JavaScript 开发人员，可能你看到这个错误的次数比你想的要多。当你读取一个未定义的对象的属性或调用其方法时，这个错误会在 Chrome 中出现。 您可以很容易的在 Chrome 开发者控制台中进行测试。

发生这种情况的原因很多，但常见的一种是在渲染 UI 组件时对于状态的初始化操作不当。

我们来看一个在真实应用程序中发生的例子：我们选择 React，但该情况也同样适用于 Angular、Vue 或任何其他框架。

两个重要的流程：

1. 组件的状态(例如 this.state)开始于 undefined。
2. 当异步获取数据时，不管它是在构造函数 componentWillMount 还是 componentDidMount 中获取的，组件在数据加载之前至少会呈现一次，当 Quiz 第一次呈现时， this.state.items 是 undefined。

这很容易解决。最简单的方法：在构造函数中初始化 state。