报错，多是软件开发过程当中最头疼的问题之一。令他们感到很差的是，当你初次阅读这些报错信息时，有些错误是陌生的。可是，当你抽出时间并正确阅读时，它们确实会提供你须要了解的信息。如下是一些常见的JavaScript错误及其相关修复程序的列表。这些修复程序可能对你而言并不彻底相同，由于它们在不一样的框架中有所不一样，可是它们将使你初步了解错误的缘由。html
一、未获取TypeError：没法读取属性
这是列表中最多见的JS错误之一。当你尝试访问未定义对象中的属性或方法时，就会发生这种状况。让咱们重现此错误，截图以下：git
更正浏览器
在构造或初始化期间为对象分配一个合理的值，请勿使用JS的保留字null或者undefined安全
二、TypeError：“undefined”不是对象闭包
这是与上面相同的错误。可是以上错误是在Chrome上发生的，而这个错误是在Safari上发生的。当你在undefined的对象上调用属性或方法时，就会发生此错误。框架
更正在构造或初始化期间为对象分配一个合理的值，不要保持未定义状态。函数
三、 TypeError：“ null”不是对象
当你在空对象上调用属性或方法时，会发生错误。与第2个undefined错误相似，这是一个仅发生在Safari上的错误。this
更正编码
在构造或初始化期间为对象分配一个合理的值，请勿将其保持为空。当你尝试在加载DOM元素以前访问它们时，也会发生上述错误。阅读这些JavaScript技巧，以便更好地了解这个问题。 注意spa
你应该注意的一件事是undefined和null在JavaScript是两回事。这就是为何咱们在两种状况下都看到错误消息的变体的缘由。undefined一般是未初始化的变量，而null 表示该值为空。
4. TypeError：对象不支持属性
当你调用undefined的方法时，这是在IE上发生的错误。 这与Chrome中的错误“ TypeError：'undefined'is a function”很是类似。到如今为止你已经了解到，对于相同的逻辑问题，不一样的浏览器会有不一样的错误。
更正
此错误是IE的常见问题。他进一步指出，这是IE上的一个常见问题，其中JS应用程序使用名称空间绑定。
在这种状况下，99.9％的时间问题是IE没法将当前名称空间中的方法绑定到this关键字。例如，若是你的JS名称空间Rollbar带有方法，isAwesome.一般，若是你在Rollbar名称空间中，则能够调用isAwesome具备如下语法的方法：
this.isAwesome();
Chrome，Firefox和Opera将很乐意接受此语法。IE，则不会。所以，使用JS名称空间时最安全的选择是始终以实际名称空间做为前缀。
Rollbar.isAwesome();
五、TypeError：“ this.show”不是函数
当你调用未定义的函数时，会发生此错误。你能够在Chrome和Firefox中得到此错误消息。
更正 致使此错误的缘由很简单，由于你忘记定义函数或输入错误。这是最简单的状况。
可是，你也可使用更复杂的状况。这是因为回调和闭包中的自引用做用域引发的。让咱们经过使用Jason给出的示例来重现此错误。
当咱们执行以上代码片断并单击页面时，你会收到错误消息。这是由于函数clearBoard是在窗口中定义的，而匿名函数是在文档的上下文中执行的。
有三种方法能够纠正此错误。
传统方法-这是旧的符合浏览器的解决方案。咱们只保存对this变量的引用，而后在闭包内部引用它。
使用bind的现代方法—这是一种更现代的方法，使用bind方法传递各自的引用。
使用箭头功能的现代方法-这也是现代方法。它使用ES6箭头功能。
六、未获取RangeError
Chrome上会发生此错误，主要是由于两种状况。
1）、你的递归函数没有终止。
2）、你将超出范围的值传递给函数
让咱们使用Jason给出的示例。许多功能仅接受特定范围内的值做为其输入值。例如，Number.toExponential(digits)和Number.toFixed(digits)接受从0到100的数字，和Number.toPrecision(digits)接受从1到100的数字。
结论
这些错误大多数是因为null / undefined和范围/关闭问题引发的。如今你已经了解了最多见的JS错误以及解决方案，我强烈建议你使用诸如Sentry之类的错误记录器来帮助记录程序运行中的一些错误。这将使你可以发现一些未知的错误。但愿你了解了大多数JS错误的根本缘由。最后，祝编码愉快！