您的位置：首页 > 编程技术 > js  >  JS常见错误(Error)及处理方案详解

JS常见错误(Error)及处理方案详解

 更新时间：2020年7月2日 19:42  点击：2126

 1. 错误的类型

　　Error: 所有错误的父类型

　　 错误的子类型包括：

  • 　　 ReferenceError: 引用的变量不存在
  • 　　 TypeError: 数据类型不正确的错误
  • 　　 RangeError: 数据值不在其所允许的范围内
  • 　　 SyntaxError: 语法错误

常见的内置错误：

（1）ReferenceError: 引用变量不存在

console.log(a) //ReferenceError: a is not defined

（2）TypeError: 数据类型不正确

var b = {}
b.xxx() //TypeError: b.xxx is not a function

（3）RangeError: 数据值不在其所允许的范围内

function fn(){
　　fn()
}
fn() //RangeError: Maximum call stack size exceeded

（4）SyntaxError: 语法错误

const c = """" //SyntaxError: Unexpected string

2. 错误处理

　　捕获错误: try ... catch

　　抛出错误: throw error

（1）捕获错误

try {
  let d
  console.log(d.xxx)
} catch (error) { //可以通过调试查看error对象的属性（message属性: 错误相关信息；stack属性: 函数调用栈记录信息）
 console.log(error.message)
 //console.log(error.stack)
}
// 可以继续向下执行
console.log('出错之后')

（2）抛出错误

function something() {
  if (Date.now() % 2 === 1 ){
  console.log('当前时间为奇数,可执行任务')
  } else {
  throw new Error('当前时间为偶数无法执行任务')
  }
}

//情况1 直接调用
something() //Error: 当前时间为偶数无法执行任务
console.log('something之后') //不会继续这句代码（没有对异常进行处理）

//情况2 捕获处理异常
try {
 something()
} catch(error) {
 console.log(error.message)
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持猪先飞。

[!--infotagslink--]

相关文章

  • Ecshop提示Only variables should be passed by reference in错误

    在安装好ecshop软件之后我们打开首页时提示Only variables should be passed by reference in错误了，碰到这个问题是什么原因呢？下面我们就一起来看看解决办法吧。...2016-11-25

  • 409错误是什么 http 409错误怎么解决

    409错误是什么？http 409错误怎么解决呢？不少站长在遇到这个错误代码之后都一筹莫展，本次一聚教程网为大家带来了详细的说明，快来看看吧。 409错误是什么： HTTP 40...2017-01-22

  • 414错误是什么 414错误怎么解决

    414错误是HTTP协议状态码中的一种，很多都还不知道414错误是什么，以及不知道怎么解决414错误，那么就来看看小编带来的介绍吧。 414错误是什么： HTTP 414错误，(Requ...2017-01-22

  • http 405错误是什么 http 405错误怎么解决

    http 405错误是什么？http 405错误怎么解决？相信很多站长都在找这两个问题的答案，本次小编为大家带来了详细的教程，快来看看吧。 405错误是什么： HTTP 405错误是H...2017-01-22

  • 401错误码代表什么 401错误解决办法

    401是HTTP状态码的一种，属于“请示错误”，表示请求可能出错，已妨碍了服务器对请求的处理。具体的401错误是指：未授权，请求要求进行身份验证。登录后，服务器可能会返回对页面...2017-01-22

  • http 402错误是什么 http 402简介

    http 402错误是什么？402错误较为少见，一般不轻易出现，下面小编就来告诉大家402错误是什么吧。 HTTP 402错误是HTTP状态码的一种，表示“要求付费”； 所求的...2017-01-22

  • 411错误是什么 411错误怎么解决

    411错误是HTTP协议状态码的一种，很多人都还不知道411错误是什么，本次一聚教程网将为大家进行解答，并且告诉大家411错误怎么解决。 411错误是什么： HTTP 411错误，(Lengt...2017-01-22

  • apache网站提示503错误解决办法

    Apache status 503 的原因大致有如下几种情况 ： 1、 CPU 负载过高，服务器响应不过来，返回503 2、 系统连接数超限，超过MaxVhostClients的上限，返回503 3、 单IP连接数超限，超过M...2016-01-28

  • 404错误是什么 404错误怎么解决

    403错误是网站访问过程中，常见的错误提示。资源不可用，服务器理解客户的请求，但拒绝处理它。通常由于服务器上文件或目录的权限设置导致，比如IIS或者apache设置了访问权限...2017-01-22

  • 403错误是什么 403错误怎么解决

    403错误是HTTP状态码的一种，属于“请示错误”，表示服务器拒绝请求。如果在搜索引擎尝试抓取您网站上的有效网页时显示此状态代码，那么，这可能是您的服务器或主机拒绝搜索...2017-01-22

  • Go应用中优雅处理Error的技巧总结

    在程序员中,尤其是go新手,经常听到的一个讨论话题是：如何处理错误,这篇文章主要给大家介绍了关于Go应用中优雅处理Error的一些相关技巧,需要的朋友可以参考下...2021-09-08

  • 412错误是什么 412错误怎么解决

    412错误是什么？412错误怎么解决？本次一聚教程网将为大家带来详细的介绍，帮助大家全面了解412错误的意思以及解决412错误的方法。 412错误是什么： HTTP 412错误，（Precond...2017-01-22

  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22

  • 407错误是什么 407错误怎么解决

    407错误是什么？407错误怎么解决？不少站长都遇到过407错误，下面小编将告诉大家如何处理407错误。 407错误是什么： HTTP 407错误是HTTP协议状态码的一种，表示需要代...2017-01-22

  • 406错误是什么 406错误怎么解决

    HTTP 406错误是HTTP协议状态码的一种，表示无法使用请求的内容特性来响应请求的网页。一般是指客户端浏览器不接受所请求页面的 MIME 类型。 而MIME类型是在把输出...2017-01-22

  • JavaScript判断浏览器及其版本信息

    本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧...2017-01-23

  • js实现浏览器打印功能的示例代码

    这篇文章主要介绍了js如何实现浏览器打印功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-07-15

  • 410错误是什么 http 410错误怎么解决

    410错误是HTTP协议状态码的一种，本次一聚教程网将为大家详细介绍HTTP 410错误是什么，以及410错误的解决办法。 410错误是什么： HTTP 410错误是HTTP协议状态码的...2017-01-22

  • HTTP 400错误是什么 HTTP 400错误怎么解决

    每当遇到http错误代码为400，代表客户端发起的请求不符合服务器对请求的某些限制，或者请求本身存在一定的错误，那么HTTP 400错误怎么解决呢？请看下文介绍。 目前400错...2017-01-22

  • PHP Fatal error: Cannot use object of type stdClass as array in错误

    下面一起来看看在php开发中碰到PHP Fatal error: Cannot use object of type stdClass as array in错误问题的解决办法吧。 普通的数组出现如下错误 代码...2016-11-25