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的同步执行

相关推荐
ikoala1 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程
Penge6662 小时前
《Go 后端开发者学 TypeScript:ES Module了解》
javascript
Penge6662 小时前
《Go 后端开发者学 TypeScript:从零搭建与运行》
javascript
Penge6663 小时前
《Go 后端开发者学 TypeScript:keyof关键字》
javascript
Penge6663 小时前
《Go 后端开发者学 TypeScript:extends关键字》
javascript
张张123y3 小时前
DSH 插件调试避坑:client.js 设置面板、热重载与高频报错排查表
开发语言·javascript·人工智能·开源·ecmascript·后端开发·ai agent
Penge6668 小时前
《Go 后端开发者学 TypeScript:typescript 类型断言》
javascript
Penge6668 小时前
《Go 后端开发者学 TypeScript:Symbol》
javascript
三*一10 小时前
Mapbox‑GL JS 多边形折点编辑工具:实现原理、功能拆解与踩坑总结
开发语言·javascript·ecmascript
FungLeo11 小时前
成为全栈·基础补充·Node.js 运行时:事件循环与异步
javascript·node.js·事件循环·后端开发·异步编程·成为全栈