【面试题】如何捕获JS中的异常？

最新推荐文章于 2023-08-17 15:59:19 发布
最新推荐文章于 2023-08-17 15:59:19 发布
阅读量234 收藏
点赞数
分类专栏： 面试题 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zx1041561837/article/details/129067792
版权
文章探讨了JavaScript中的错误处理机制，包括使用try-catch进行手动捕获和通过window.onerror进行自动捕获。手动捕获能精确控制错误处理，而自动捕获在处理跨域JS或压缩JS时可能遇到挑战，如缺少详细错误信息，需结合sourceMap来定位原始代码。
摘要由CSDN通过智能技术生成

1. 手动捕获

try{
	// todo
}catch(ex){
	console.log(ex)   // 手动捕获 catch
}finally{
	// todo
}

2. 自动捕获

window.onerror = function(message, source, lineNum, colNum, error){

}

自动捕获存在两个问题：

  1. 对跨域的js，如CDN的，不会有详细的报错信息
  2. 对于压缩的js， 要配合sourceMap 反查到未压缩代码的行、列
周兴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript面试题大全(推荐)
10-21
JavaScript面试题大全主要涵盖了几个方面：基础语法、面向对象特性、DOM操作、事件处理、数据类型、异常处理、内置对象、数据结构、HTTP通信等。以下是一些详细的知识点： 1. JavaScript基础语法面试题：包括变量...
js中-异常的处理方式(Error) 和捕获异常（try/catch）
weixin_55679970的博客
01-17 3561
函数出现错误处理 throw 关键字，抛出一个异常信息 function sum(num1, num2) { // 当传入的参数的类型不正确时，应该告知调用者一个错误 if (typeof num1 !== 'number' || typeof num2 !== 'number') { throw '抛出一个错误' } // return num1 + num2 } // 调用者(如果没有对错误进行处理，那么程序会直接终止) console.log(sum({ name:
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because t
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
08-17 9593
因为vediojs的播放器有三个参数，第二个参数使用js进行赋值的时候，type字段可以不写，如果写了传过来的视频流的数据格式一定要满足，否则不成功。VIDEOJS：错误：（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）无法加载媒体，原因可能是服务器或网络出现故障，也可能是格式不受支持。背景：使用videojs第三方插件，用于播放视频，videojs被封装成一个组件，通过点击事件达到如下目的：点击更改组件的src，以达到动态切换视频的效果。因为load() 方法重新加载音频/视频元素。
js捕获网络请求错误,获取http状态码等信息
yuexiao19921008的博客
02-25 5052
js捕获网络请求错误,获取http状态码等信息 第一种：使用$.ajax $(".login").click(function(){ $.ajax({ type: "POST", url: "https://www.baidu.com/login", data: {username:'test',password:'123123'}, dataType: 'json', success: function (result
前端JavaScript 常见的报错及异常捕获与处理方法
BOM485480的博客
12-07 988
前言 在开发中，有时，我们花了几个小时写的js 代码，在浏览器调试一看，控制台一堆红，瞬间一万头草泥马奔腾而来。 至此，本文主要记录js 常见的一些错误类型，以及常见的报错信息，分析其报错原因，并给予处理方法。并且将介绍几种捕获异常的方法。 常见的错误类型 RangeError：标记一个错误，当设置的数值超出相应的范围触发。比如，new Array(-20)。 ReferenceError：引用类型错误，当一个不存在的变量被引用时发生的错误。比如：console.log(a)。 SyntaxError：语
js跨域问题及解决方法汇总
wind_notcare的博客
03-23 3260
前端跨域问题的诞生和解决方法浅析。
JavaScript常见面试题共41页.pdf.zip
10-28
以下是一些可能在这些面试题中出现的JavaScript知识点： 1. **基础语法**：包括变量声明（var、let、const的区别）、数据类型（原始类型与引用类型）、操作符（算术、比较、逻辑、三元）、流程控制（条件语句、循环...
7.Node.js面试真题-71页.zip
最新发布
02-28
本文将围绕“2024年最新前端面试题大全”中的Node.js部分，深入探讨一系列关键知识点，帮助求职者充分准备面试。 ### 1. Node.js基础 **1.1 JavaScript与Node.js的关系** Node.js是基于Chrome V8引擎的JavaScript...
前端面试题整理前端面试题整理
01-21
20. **Vue的错误捕获**：讨论vue.config.js中的errorHandler和全局异常处理。 以上内容涵盖了Vue的基础到进阶知识，以及在实际开发中可能会遇到的问题。掌握这些知识点，将对提升你在前端面试中的竞争力大有裨益。...
JS异常捕获及处理
singning_1999的博客
09-08 4887
实际开发中经常会遇到由于局部代码出错而导致整个项目的崩溃，因此在开发过程中合理捕获异常并抛出错误是极其有必要的。
浅谈javaScript异常的捕获
全栈修炼
05-08 992
js的异常捕获
js跨域的解决方案
muzidigbig的博客
05-15 1万+
指的是浏览器不能执行其他网站的脚本，简单来说是浏览器同源政策的限制，浏览器针对于的限制。两个页面拥有相同的协议，端口，域名就是同源，如果有一个不相同就是不同源。保护用户，防止一些网站盗取用户信息。 1、通过jsonp跨域 2、跨域资源共享（CORS） 3、document.domain + iframe跨域 4、location.hash + iframe 5、window.name + iframe跨域 6、postMessage跨域 7、nginx代理跨域 8、nodejs中间件代理跨域（非vue、v
JS异常的处理
Jermyo的博客
12-17 5385
js中的异常处理语句有两个，一个是try……catch……，一个是throw。 try……catch用于语法错误，错误有name和message两个属性。 throw用于逻辑错误。 对于逻辑错误，js是不会抛出异常的，也就是说，用try catch没有用。这种时候，需要自己创建error对象的实例，然后用throw抛出异常。 1、try……catch……的普通使用 try{ ......
js 中的错误类型及处理方式
qq_42880714的博客
09-18 910
js 中的错误类型及处理方式
Js捕获异常的方法
WindrunnerMax
05-31 6457
Js捕获异常的方法 JavaScript的异常主要使用try catch finally语句以及窗口对象window的onerror事件来捕获。 try catch finally try catch finally只能捕获运行时的错误，无法捕获语法错误，可以拿到出错的信息，堆栈，出错的文件、行号、列号。try catch finally语句标记要尝试的语句块，并指定一个出现异常时抛出的响应。 try{ // try_statements throw new TypeError("Test"
捕获页面所有异常的方法（包含跨域脚本）
DavidWed的博客
03-21 2546
//捕获页面的所有报错（Uncaught ReferenceError），跨域脚本的报错信息只会展示Script error window.onerror = function(){ console.log(arguments); } //即使是跨域脚本，若调用console.error也是使用本域的window.console，因此可以拦截， const nativeConsole...
JS 跨域问题
FireCode的博客
04-11 2626
官方文档介绍 一、简介 跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript 施加的安全限制。 同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域；   跨源资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站通过浏览器有权限访问哪些资源。另外，规范要求，对那些可能对服务器数据产生副作用的 HTTP 请求方法（特别是 GET 以外的 HTTP 请求，或者搭配某些 MIME（媒体类型）类型 的 POST 请求），浏览器必须首先使
js捕获错误信息
weixin_34033624的博客
05-20 6577
这个不是很常用的功能， 但是想收集客户端的错误信息时却很有必要了解下。 捕获分为两个方面: 收集JS语法、执行错误 最初的是想直接获取控制台的错误信息； 然而这并不大可行，JS并没有这样的功能。 转换下思路 在错误发生时，将错误进行存储。 原生JS实现方式: 通过重载 window 对象下的 onerror 函数， 可以截取到这些信息。 window.onerror = function(er...
JavaScript 异常与捕获(抛出异常)
热门推荐
carriehaohao的博客
03-07 2万+
异常（exception）与捕获 -> 书面解释：代码在运行过程中得到的中间结果与预期的结果不一致，就是异常。一般运行环境会抛出一个提示对象，中断程序运行，这个就是异常机制。 -> 通俗的说法：程序在运行时出错 -> 异常是可以捕获的，错误不能被捕获try { // 可能出现异常的代码 } catch(e) { // 出现异常以后执行的代码 // e:ex
Java核心技术面试题集锦
58. **error与exception**：error是系统级错误，exception是应用程序可以捕获处理的异常。 59. **ArrayList与Vector**：ArrayList线程不安全但效率高，Vector线程安全但效率低。 60. **Collection与Collections**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

周兴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值