JavaScript 中常见的错误

vaScript 常见错误 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。你的应用程序中的具体代码可能是不同的，但我们希望我们已经给你足够的线索，以解决或避免在你的应用程序中出现的这个问题。如果还没有，请继续阅读，因为我们将在下面覆盖更多相关错误的示例。

2、TypeError: ‘undefined’ is not an object

这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。您可以在 Safari Developer Console 中轻松测试。这与***点中提到的 Chrome 的错误基本相同，但 Safari 使用了不同的错误消息提示语。趣的是，在 JavaScript 中， null 和 undefined 是并不同，这就是为什么我们看到的是两个不同的错误信息。

undefined 通常是一个尚未分配的变量，而 null 表示该值为空。 要验证它们不相等，请尝试使用严格的相等运算符 ===

（编辑：应用网_丽江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!