javascript之try...catch...使用

简单的try-catch使用

try {
  console.log(x)
} catch (error) {
  console.log('normal',error)
}
// normal ReferenceError: x is not defined

控制台不会报错，catch到的信息会被显示出来，不影响后面的代码运行

异步中的try-catch的使用

async asyncFun() {
  try {
    setTimeout(() => {
      console.log(c)
    },100)
  } catch (error) {
    console.log('asyncError: ', error);
  }
}

asyncFun() // Uncaught ReferenceError: c is not defined

控制台会报错，setTimeout,setInterval等宏观任务会在主任务队列之后运行，当代码运行到settimeout的时候，会将宏观任务丢到新的任务栈。因此try捕获不到错误

try-catch配合Promise的使用

async promiseFun() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject('错误信息')
    },100)
   })
}

try {
  const rows = await promiseFun()
  console.log('rows', rows)
} catch (error) {
  console.log('promiseError', error)
}
// promiseError 错误信息</code></pre>