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

相关推荐
CHB4 小时前
uni-app x 蒸汽模式 iOS版 性能测试基准报告 Benchmark
ios·uni-app·swiftui
Jackson__4 小时前
为了拯救我的腰椎和颈椎,我做了款浏览器插件!
前端·javascript·开源
衍生星球4 小时前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
林小帅5 小时前
NestJS v11 + Prisma v7 ESM 迁移配置解析
前端·javascript·后端
Hilaku6 小时前
为什么你的大文件断点续传,一遇到弱网就崩溃?
前端·javascript·程序员
林恒smileZAZ7 小时前
`Array(100).map(() => 1)` 为什么全为空?
前端·javascript
laowang3579 小时前
依赖故障时,日志体系需要埋哪些关键节点才能快速定位是安装失败、解析失败还是运行时缺失?
前端·javascript·vue.js·webpack·node.js
༄沐࿆风࿆࿆11 小时前
JavaScript函数完全指南:从基础语法到闭包原理与应用实战
开发语言·javascript
finyouIT12 小时前
锚点实现了点击导航平滑滚动到页面指定位置的三种方法
javascript·css
神奇的代码在哪里14 小时前
AI编程时代,PPT已成为过去,单个HTML文件创造无限可能
javascript·html·powerpoint·ai编程·ppt