try catch使用场景 处理同步代码错误兼容用的

情景

假设有一个方法顺序同步执行从上倒下,其中某个关键部分报错

正常会中断错误不再执行后续

正常方式下没问题,如果要继续错误后不影响后续的处理就需要这个了

作用

相当于提供一个冗余项不让功能崩溃,try类似安全"气泡"正常时候包裹js顺序执行,出错时则走catch后继续走之后js

注意 不要try中写异步

try中不能写异步也就是发起后不再和评级的js等待执行完才执行那种,就是各执行各的

javascript 复制代码
try {
  setTimeout(() => {
    throw new Error('异步报错') // 这个报错会直接崩掉,catch 抓不到!
  }, 0)
} catch (e) {
  console.log('捕获失败') // 这里不会执行
}
// 后续代码会被阻断
console.log('这行不会执行')

如果想要抓捕到错误得用上async await,这个只是语法糖即可规定js识别这两个标识后就干什么,如果某天任意人牛逼时也可以自定义 牛逼两个字,让某语言识别后自动最高级运行等,牛逼这里就是语法糖,只需要知道作用就行

举例(错误写法,抓不到):

javascript 复制代码
try {
  setTimeout(() => {
    throw new Error('异步报错') // 这个报错会直接崩掉,catch 抓不到!
  }, 0)
} catch (e) {
  console.log('捕获失败') // 这里不会执行
}
// 后续代码会被阻断
console.log('这行不会执行')

正确写法(配合 async/await):

javascript 复制代码
try {
  await new Promise((resolve, reject) => {
    setTimeout(() => reject('异步报错'), 0)
  })
} catch (e) {
  console.log('捕获成功', e) // 这里可以抓住
}
// 后续代码正常执行
console.log('这行会执行')

一般也就是常看到try和catch成对出现,有时还看到async await原因 后者也可以单独去实现等待不按顺序执行的结果获取后才给下一位 也就是常规默认js的同步执行

相关推荐
IMPYLH1 小时前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
PedroQue992 小时前
Vue Router 4.x风格导航守卫全面升级
前端·uni-app
WIN赢2 小时前
【抽象思想-从复杂中抽离简单、收敛的口子】
java·前端·javascript
冰暮流星4 小时前
javascript之webstorage用法
开发语言·javascript·ecmascript
Haibakeji4 小时前
APP小程序定制开发项目频繁延期?前期规避方法与落地避坑指南
小程序·uni-app·软件需求
执子念的飞鱼4 小时前
浏览器直接预览 Pages、Numbers、Keynote:iWork 格式真正难在哪
前端·javascript
用户345208153884 小时前
我给 DSH 写了读 10x 数据的插件
javascript
执子念的飞鱼4 小时前
70MB Excel 浏览器预览失败:定位 XLSX 重复解压与内存峰值
javascript·性能优化
12.=0.5 小时前
【REVIEW_C】【持续更新】
服务器·前端·javascript