前端常见js报错

本文详细介绍了JavaScript编程中常见的五类错误:语法错误、类型错误、引用错误、范围错误和运行时错误,以及URL错误。特别强调了单线程环境下,这些错误可能导致程序中断和显示问题。
摘要由CSDN通过智能技术生成

Js的特性,单线程,大多情况,都是从上往下执行。因此,只要js一有报错,基本当前小版块整个都会出问题,而且大多时候,都是直接不显示。

1.语法错误(SyntaxError)。这些错误是由于代码中存在语法错误,如括号不匹配、缺少分号等。

2.类型错误(TypeError)。这些错误通常是由于使用了不正确的数据类型或方法,例如将数字当作函数使用、访问不存在的数组元素等。

3.引用错误(ReferenceError)。这些错误是由于使用了未定义的变量或方法,例如访问未定义的变量、调用未定义的函数等。

4.范围错误(RangeError)。这些错误是由于使用了超出范围的值,例如使用超出数组长度的索引、使用超出数字范围的值等。

5.运行时错误(RuntimeError)。这些错误通常是由于代码中存在逻辑错误,例如除以0、无限递归等。

6.URL错误(URLError)。这些错误与URL相关函数参数不正确有关,例如使用encodeURI、decodeURI等函数时。

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端可以通过以下方法拦截接口报错: 1. 使用try-catch语句:在发起接口请求的地方使用try-catch语句来捕获接口请求时可能抛出的异常。在catch块中可以处理异常情况,例如展示错误提示信息或者进行其他操作。 ```javascript try { // 发起接口请求 const response = await axios.get('/api/data'); // 处理返回的数据 } catch (error) { // 处理接口请求异常 console.error('接口请求异常:', error); // 展示错误提示信息或者进行其他操作 } ``` 2. 使用axios拦截器:如果你使用的是axios库发送接口请求,可以使用axios的拦截器来统一处理接口错误。通过在响应拦截器中捕获错误并进行处理。 ```javascript axios.interceptors.response.use( (response) => { // 处理返回的数据 return response; }, (error) => { // 处理接口请求异常 console.error('接口请求异常:', error); // 展示错误提示信息或者进行其他操作 return Promise.reject(error); } ); ``` 3. 使用全局错误处理:在Vue.js前端框架中,可以通过捕获全局错误来处理接口报错。在Vue的全局错误处理函数中,捕获到错误后可以进行相应的处理。 ```javascript Vue.config.errorHandler = function (err, vm, info) { // 处理接口请求异常 console.error('接口请求异常:', err); // 展示错误提示信息或者进行其他操作 } ``` 以上是一些常见的拦截接口报错的方法,你可以根据自己的项目需求选择合适的方式来处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值