JS的error处理

JS的error处理(其他编程语言一样通用)

错误的类型

1. Error: 所有错误的父类型
2. ReferenceError: 引用的变量不存在
3. TypeError: 数据类型不正确的错误
4. RangeError: 数据值不在其所允许的范围内
5. SyntaxError: 语法错误

错误处理

1. 捕获错误: try … catch
2. 抛出错误: throw error

error对象的结构

1. message属性: 错误相关信息
2. stack属性: 函数调用栈记录信息

常见内置错误

*/
// ReferenceError: 引用的变量不存在
// console.log(a) // ReferenceError: a is not defined

// TypeError: 数据类型不正确的错误
var b = null
// console.log(b.xxx) // TypeError: Cannot read property 'xxx' of null
b = 3
// console.log(b.xxx())  // TypeError: b.xxx is not a function

// RangeError: 数据值不在其所允许的范围内
function fn1() {
  fn1()
}
// fn1() // RangeError: Maximum call stack size exceeded
// SyntaxError: 语法错误
// const c = """"  // SyntaxError: Unexpected string

错误处理

• 捕获错误

try {
  var d = 3
  d()
} catch (error) {
  console.log(error.message)
  console.log(error.stack)
}
console.log('捕获错误后还可以继续执行')

• 抛出错误

function doThing() {
  const time = Date.now()
  if (time %2 === 1) {
    console.log('当前是奇数, 可以执行业务逻辑处理')
  } else {
    throw new Error('当前时间是偶数, 无法处理业务逻辑')
  }
}
try {
  doThing()
} catch (error) { // 捕获错误, 做相应的界面提示
  alert(error.message)
}