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

相关推荐
三十而立洋1 小时前
JavaScript 原型链:一张图讲透「对象继承」的底层真相
前端·javascript
平头哥技术团队1 小时前
Day 13 | 调 line-height 和 margin:三处间距让名片页脱离模板感
开发语言·前端·javascript·学习·html5
老三_Micheal2 小时前
一文搞懂 Axios 请求参数详解:headers、params 与 body 的区别和使用场景
javascript
研☆香2 小时前
js中 onload 事件的用法
开发语言·javascript·ecmascript
志尊宝2 小时前
Vue3 零基础每日笔记(005):ref 响应式基础——为什么 script 里要 .value
前端·javascript·vue.js·笔记
BS30813_vx3 小时前
基于 Express + uni-app 的养老院管理系统设计与实现
后端·uni-app·express
知兀3 小时前
框架脚手架搭建,推送github一键使用
javascript·vue.js·ecmascript
mayaairi4 小时前
Vue2 实战进阶:表单数据收集、指令系统与自定义指令全解析
前端·javascript·vue.js
图扑软件4 小时前
下篇・换墨|主题/多语言/移动端,一套组件全覆盖
前端·javascript·ui·性能优化·数据可视化
胖少年5 小时前
Vitest 5 正式发布实测:Node 22 起步、expect 内联、poll 超时会挂,3.8 亿月下载量的测试框架本周换代
javascript