关于js 中 try catch用法

try…catch语法，简单来说就是用来捕获异常的，我就简述一下我遇到的问题

当使用vuex在actions发请求时，这个接口不仅可以添加购物车数据，同时也可更新产品的数量，我就在更新产品数量的地方出现了问题，

先说说我的问题：点击增加/减少产品数量，第一次点击+，确实发请求了，但是数据并没有发生改变，第二次点击数值直接变成12，跳过了展示11的过程。于是我开始排查代码。。。。。

利用try...catch可捕获代码异常，当然，我的代码并没有报错，但是使用了try...catch之后确实功能正常了。所以我觉得我们要养成使用try...catch的习惯，用在哪？

当后台报错时，你可以用try...catch捕获错误，缩小检查范围。

在发请求时，可使用，因为发请求时的

其实就是给try...catch用的，一旦数据没回来或者异常，能较准确的告诉你哪里出了什么问题，提高编码效率。try...catch在组件中使用时，我们是需要知道请求的结果的，所以写了一个判断，让try...catch提供给我们报错的详细信息

例如：我进行路由跳转之前要发请求，请求成功时，再路由跳转，否则报错，这时，就用try...catch包裹这个请求，这样如果出现报错，那一定是请求出现了问题，所以各位尽量用。

这个try...catch我个人理解，目前它比捕获异常作用还大的就是能够保证代码能够顺序进行，减少bug，虽然不报错，但是有些逻辑问题存在，一旦使用了就没事了。

怎么用？仅仅是包裹吗？

首先我们要知道

this.$store.dispatch("XXXXX"）//这个的返回值是什么？是promise对象

如何证明？

你可以let result=this.$store.dispatch("XXXXX"）//打印一下试试

既然是一个promise对象，那就得用await来等待，而await和async是CP，所以要配合使用，仅看画框的即可。

唉，虽然写起来比较麻烦，但是确实能缩小检查错误的范围，具体详细的介绍或许你可以拿出一点时间去学习一下es6新语法，在那里你可以获得更多更详细更全面的知识体系，诸君加油！

关于js 中 try catch用法相关推荐

js 中 try catch用法
try-catch 语句是什么? try-catch 可以测试代码中的错误.try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码. try-catch语法 try {//在此运 ...
js 中try catch用法
try{//正常执行的代码 //如果出错,抛出错误 }catch(err){//处理错误 } 运行流程: try{-}包含块中的代码有错误,则运行catch(err){-}内的代码, 否则不运行cat ...
JS中typeof的用法
转载自 JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断.那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型. 1 ...
php function函数用法,js的function函数是什么？js中function的用法
本篇文章给大家带来的内容是关于js的function函数是什么?js中function的用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Function与函数 Function是 ...
append和appendTo的区别以及js中的appendChild用法
append和appendTo的区别以及js中的appendChild用法很多像我一样接触JS没多久的小白对append和appendTo的区别以及js中的appendChild用法都会有所模糊,下 ...
js中indexOf的用法详解
js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...
js控制页面滚动到指定位置，js中scrollIntoView()的用法
js中scrillIntoView()的用法--页面滚动到指定位置最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置. 如图: 如果是我写的话,我可能会先获取滚动到的元素,然后获取 ...
js中return的用法
js中return的用法今天看到一篇文章,介绍的是js中return的用法,感触很深.(类似于JAVA return) 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默 ...
innerHTML连接指定HTML文件,js中innerhtml的用法
js中innerHTML与innerText的用法与区别 js中innerHTML的用法: innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包 ...

关于js 中 try catch用法

关于js 中 try catch用法相关推荐

最新文章

热门文章