47 lines
2.2 KiB
Markdown
47 lines
2.2 KiB
Markdown
---
|
||
title: JS常见的十大错误
|
||
date: 2018-02-07 09:26:47
|
||
tags: [js, error]
|
||
categories: web前端
|
||
---
|
||
|
||
## 1. Uncaught TypeError: Cannot read property
|
||
|
||
发生这种情况的原因很多，但常见的一种是在渲染 UI 组件时对于状态的初始化操作不当。
|
||
|
||
## 2. TypeError: ‘undefined’ is not an object
|
||
|
||
这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。这与 1 中提到的 Chrome 的错误基本相同，但 Safari 使用了不同的错误消息提示语。
|
||
|
||
## 3. TypeError: null is not an object
|
||
|
||
这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。
|
||
> 在 JavaScript 中，null 和 undefined 是不一样的，这就是为什么我们看到两个不同的错误信息。undefined 通常是一个尚未分配的变量，而 null 表示该值为空。 要验证它们不相等，请尝试使用严格的相等运算符 ===
|
||
|
||
## 4. (unknown): Script error
|
||
|
||
当未捕获的 JavaScript 错误（通过window.onerror处理程序引发的错误，而不是捕获在try-catch中）被浏览器的跨域策略限制时，会产生这类的脚本错误。这是一种浏览器安全措施，旨在防止跨域传递数据，否则将不允许进行通信。
|
||
|
||
## 5. TypeError: Object doesn’t support property
|
||
|
||
这是您在调用未定义的方法时发生在 IE 中的错误。 您可以在 IE 开发者控制台中进行测试。
|
||
|
||
## 6. TypeError: ‘undefined’ is not a function
|
||
|
||
当您调用未定义的函数时，这是 Chrome 中产生的错误。
|
||
|
||
## 7. Uncaught RangeError: Maximum call stack
|
||
|
||
这是 Chrome 在一些情况下会发生的错误。 一个是当你调用一个不终止的递归函数。
|
||
|
||
## 8. TypeError: Cannot read property ‘length’
|
||
|
||
这是 Chrome 中发生的错误，因为读取未定义变量的长度属性。
|
||
|
||
# 9. Uncaught TypeError: Cannot set property
|
||
|
||
当我们尝试访问一个未定义的变量时，它总是返回 undefined，我们不能获取或设置任何未定义的属性。 在这种情况下，应用程序将抛出 “Uncaught TypeError: Cannot set property”。
|
||
|
||
## 10. ReferenceError: event is not defined
|
||
|
||
当您尝试访问未定义的变量或超出当前范围的变量时，会引发此错误。 |