首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

7种你应该知道的JavaScript常见的错误

从浏览器的控制台到运行Node.js的计算机终端,我们到处都会看到各类错误。 这篇文章的重点是概述我们在JS开发过程可能遇到的错误类型。 1....$ node errors errors.js:3 dog ^ ReferenceError: dog is not defined 每当我们创建或定义变量时,变量名称都会写入环境记录。...当在记录中找到环境值并提取并返回值时,将以该变量的名称作为关键字搜索环境记录。调用尚未定义的函数。 现在,当我们创建或定义一个没有赋值的变量时。...can't find it 注意:未定义的变量不会抛出ReferenceError,因为它存在于环境记录只是它的值尚未设置。 3. SyntaxError 这是我们遇到的最常见的错误。...当我们键入JS引擎难以理解的代码时,会出现此错误。解析期间,JS引擎捕获了此错误。 在JS引擎,我们的代码经历了不同的阶段,然后才能在终端上看到运行结果。

2.6K10
您找到你想要的搜索结果了吗?
是的
没有找到

你应该知道的7 个 JavaScript 原生错误类型

从浏览器控制台到运行 Node.js 的终端,我们到处都会看到错误。 本文的重点是概述我们在 JS 开发过程可能遇到的错误类型。 ---- 1....cat 将返回 “cat”,而 dog 将引发引用错误,因为在环境记录找不到名称 dog。...1$ node errors 2errors.js:3 3dog 4^ReferenceError: dog is not defined 每当我们创建或定义变量时,变量名称都会写入环境记录。...can't find it 注意:未定义的变量不会抛出 ReferenceError,因为它在于环境记录的值尚未设置。 3. SyntaxError 这是最常见的错误。...当我们输入 JS 引擎不能理解的代码时,就会发生这个错误JS 引擎在解析期间捕获了这个错误。在 JS 引擎,我们的代码经历了不同的阶段,然后才能在终端上看到结果。

2.6K20

JavaScrip最容易犯的十大错误及其避免方法()

任何执行和处理DOM元素的JS代码都应该在创建DOM元素之后执行。 JS代码按照HTML的布局从上到下进行解释。...因此,如果DOM元素之前有标记,则脚本标记JS代码将在浏览器解析HTML页面时执行。 如果在加载脚本之前尚未创建DOM元素,则会出现此错误。...例如,如果您在CDN上托管JavaScript代码,任何捕获错误(冒泡到window.onerror处理程序的错误,而不是在try-catch捕获)将被报告为“脚本错误”而不是包含有用的错误 信息...例如,如果您使用方法isAwesome的JS名称空间Rollbar。...ReferenceError: event is not defined 当您尝试访问未定义或超出当前范围的变量时,将引发此错误。 您可以在Chrome浏览器轻松测试它。

11610

JS 常见报错及异常处理办法总结

作者:FishStudy520 https://segmentfault.com/a/1190000038323321 前言 在开发,有时,我们花了几个小时写的js 代码,在浏览器调试一看,控制台一堆红...至此,本文主要记录js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。...当你引用一个没有定义的变量时,抛出一个ReferenceError; 当你使用变量的时候,这个变量必须要声明,或者你可以确保它在你当前的脚本或作用域 (scope) 可用。...某个变量名称已经作为参数出现了,又在使用let再次声明。...createXHR('http://192.168.10:8080') 异常调试及捕获 try/catch,Js处理异常的一种模式,try用于可能会发生错误的代码,catch对错误的处理。

7.4K20

1000多个项目中的十大JavaScript错误以及如何避免

(unknown): Script Error 当捕获的 JavaScript 错误违背跨边界原则时,就会发生脚本错误。...例如,如果将 JavaScript 代码托管在 CDN 上,则任何未被捕获错误(通过 window.onerror 处理程序发出的错误,而不是 try-catch 捕获到的错误)将仅报告为“脚本错误...因此,使用 JS 命名空间时最安全的做法是:始终以实际名称空间作为前缀。 Rollbar.isAwesome(); 6....通常在数组能够找到定义的长度,但是如果数组初始化或变量名在另一个上下文中隐藏,则可能会出现这种错误。让我们用下面的例子来解释这种错误。...ReferenceError: Event Is Not Defined 尝试访问未定义的变量或当前范围之外的变量时会引发此错误。 ?

8.2K40

JS常见的报错及异常捕获

在开发,有时,我们花了几个小时写的Js 代码,在游览器调试一看,控制台一堆红,瞬间一万头草泥马奔腾而来。...至此,本文主要记录Js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予处理方法。并且将介绍几种捕获异常的方法。 注:本文使用的谷歌游览器验证,不同的游览器,报错可能会不一样。...当你引用一个没有定义的变量时,抛出一个ReferenceError; 当你使用变量的时候,这个变量必须要声明,或者你可以确保它在你当前的脚本或作用域 (scope) 可用。...某个变量名称已经作为参数出现了,又在使用let再次声明。...createXHR('http://192.168.10:8080') 异常调试及捕获 ---- try/catch,Js处理异常的一种模式,try用于可能会发生错误的代码,catch对错误的处理

5.7K30

1000多个项目中的十大JavaScript错误以及如何避免

例如,如果将 JavaScript 代码托管在 CDN 上,则任何未被捕获错误(通过 window.onerror 处理程序发出的错误,而不是 try-catch 捕获到的错误)将仅报告为“脚本错误...因此,使用 JS 命名空间时最安全的做法是:始终以实际名称空间作为前缀。...[image.png] 通常在数组能够找到定义的长度,但是如果数组初始化或变量名在另一个上下文中隐藏,则可能会出现这种错误。让我们用下面的例子来解释这种错误。...这意味着即使你有名称变量 testArray,函数具有相同名称的参数仍会被视为本地参数。...ReferenceError: Event Is Not Defined 尝试访问未定义的变量或当前范围之外的变量时会引发此错误

6.2K30

try..catch 不能捕获错误有哪些?注意事项又有哪些?

我们还会讲一下 JS 内置的错误对象(Error, SyntaxError, ReferenceError等)以及如何定义自定义错误。...1.使用 try..catch..finally..throw 在 JS 处理错误,我们主要使用try、catch、finally和throw关键字。...JS 代码,例如try块的以下代码在语法上是错误的,但它不会被catch块捕获。...,也会执行finally块 如果没有catch块,错误将不能被优雅地处理,从而导致捕获错误 1.4 try..catch..finally 建议使用try...catch块和可选的finally块。...JS 的内置错误 3.1 Error JavaScript 有内置的错误对象,它通常由try块抛出,并在catch块捕获,Error 对象包含以下属性: name:是错误名称,例如 “Error”

2.5K20

一篇文章教你如何捕获前端错误

常见错误的分类 对于用户在访问页面时发生的错误,主要包括以下几个类型: 1、js运行时错误 JavaScript代码在用户浏览器执行时,由于一些边界情况、本地环境的不可控等因素,可能会存在js运行时错误...而依赖客户端的某些方法,由于兼容性或者网络等问题,也有概率会出现运行时错误。 e.g: 下图是当使用了未定义的变量"foo",导致产生js运行时错误时的上报数据: ?...3、未处理的promise错误 使用catch捕获的promise错误,往往都会存在比较大的风险。而编码时有可能覆盖的不够全面,因此有必要监控未处理的promise错误并进行上报。...('error')都能捕获,但是window.onerror含有详细的error堆栈信息,存在error.stack,所以我们选择使用onerror的方式对js运行时错误进行捕获。...", "", 0, 0, undefined (滑动查看) 可见 try catch 的 Console 语句输出了完整的信息,但 window.onerror 只能捕获“Script error”

3.6K40

1000个项目中前10名的JavaScript错误介绍

(unknown): Script error 当捕获的 JavaScript 错误(通过window.onerror处理程序引发的错误,而不是捕获在try-catch)被浏览器的跨域策略限制时...在这种情况下,99.9% 的原因是 IE 无法将当前名称空间内的方法绑定到 this 关键字。 例如:如果你 JS 中有一个命名空间 Rollbar 以及方法 isAwesome 。...因此,使用 JS 命名空间时最安全的选择是始终以实际名称空间作为前缀。 Javascript代码 Rollbar.isAwesome(); 6....您通常会在数组中找到定义的长度,但是如果数组初始化或者变量名称在另一个上下文中隐藏,则可能会遇到此错误。让我们用下面的例子来理解这个错误。...ReferenceError: event is not defined 当您尝试访问未定义的变量或超出当前范围的变量时,会引发此错误。 您可以在 Chrome 浏览器轻松测试。

6.2K10

10 种最常见的 Javascript 错误

(unknown): Script error 当捕获的 JavaScript 错误(通过window.onerror处理程序引发的错误,而不是捕获在try-catch)被浏览器的跨域策略限制时,会产生这类的脚本错误...在这种情况下,99.9% 的原因是 IE 无法将当前名称空间内的方法绑定到 this 关键字。 例如:如果你 JS 中有一个命名空间 Rollbar 以及方法 isAwesome 。...因此,使用 JS 命名空间时最安全的选择是始终以实际名称空间作为前缀。 Rollbar.isAwesome(); 6....您通常会在数组中找到定义的长度,但是如果数组初始化或者变量名称在另一个上下文中隐藏,则可能会遇到此错误。让我们用下面的例子来理解这个错误。...ReferenceError: event is not defined 当您尝试访问未定义的变量或超出当前范围的变量时,会引发此错误。 您可以在 Chrome 浏览器轻松测试。 ?

6.8K80

一篇文章教你如何捕获前端错误

,主要包括以下几个类型: 1、js运行时错误 JavaScript代码在用户浏览器执行时,由于一些边界情况、本地环境的不可控等因素,可能会存在js运行时错误。...e.g: 下图是当使用了未定义的变量"foo",导致产生js运行时错误时的上报数据: 2、资源加载错误 这里的静态资源包括js、css以及image等。...e.g: 下图是图片资源不存在时的上报数据: 3、未处理的promise错误 使用catch捕获的promise错误,往往都会存在比较大的风险。...e.g: 下图是xhr请求接口返回400时捕获后的上报数据: 各个类型错误捕获方式 1、window.onerror与window.addEventListener('error')捕获js运行时错误...所以我们选择使用onerror的方式对js运行时错误进行捕获

3.2K90

js 暂时性死区_暂时性的

今天说一说js 暂时性死区_暂时性的,希望能够帮助大家进步!!! 在Js什么是暂时性呢? 暂时性死区是针对'const','let'这两个关键字而产生的概念。...首先变量提升这个js的基本概念无法撼动,'const'和'let'作为块级作用域也不能避免。...和'var'不同,这两个关键字将作用域限制在了‘块’,且规定了在该块,由这两个关键字定义的变量已经被分配内存。 即其实已经'存在'了,但程序执行到声明处时,访问该变量都会报引用错误。...//情景二 var tmp = 123; if (true) { tmp = 'abc'; // ReferenceError let tmp; } 上面代码,存在全局变量tmp,但是块级作用域内...上面这行就属于这个情况,在变量x的声明语句还没有执行完成前,就去取x的值,导致报错”x 未定义“ 今天文章到此就结束了,感谢您的阅读,Java架构师必看祝您升职加薪,年年好运。

63620

你需要了解的几种 JavaScript 异常类型

无论是浏览器控制台还是 Node.js 的服务端,我们会在各种地方看到 JavaScript 异常,异常处理是编写程序必备的基础能力,在学习异常处理之前,了解 JavaScript 的几种异常类型是非常有必要的...Error Error 是最基本的错误类型,其他的错误类型都继承自该类型。Error 对象主要有两个重要属性 message 和 name 分别表示错误信息和错误名称。...ReferenceError - 引用错误 引用一个不存在的变量时发生的错误,每当我们创建或定义一个变量时,变量名称都会写入一个变量存储中心中。...这个变量存储中心就像键值存储一样,每当我们引用变量时,它都去存储中找到 Key 并提取并返回 Value,如果我们要找的变量不在存储,就会抛出 ReferenceError。 ?...请注意,如果我们调用的是一个已经存在的变量的一个不存在的属性,则不会抛出 ReferenceError,因为变量本身已经在存储中了,调用它不存在的属性只会是未定义状态,也就是 undefined: ?

1.8K31
领券