总之一句话:在async函数中使用try【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。…catch会导致调试难道增【作者:唐霜】【访问 www.tangshuang.net 获取更多精彩内容】加。且任何使用使用try…c【原创不易,请尊重版权】【本文首发于唐霜的博客】atch的场景,都会增加调试难度,比如r【转载请注明来源】【原创内容,转载请注明出处】eact的报错信息,有的时候,你怎么都找未经授权,禁止复制转载。【转载请注明来源】不到问题代码具体在哪个位置。
【版权所有,侵权必究】原创内容,盗版必究。原创内容,盗版必究。【转载请注明来源】当一个Error产生的时候,Error会【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net用stack字段记录该Error产生的具原创内容,盗版必究。转载请注明出处:www.tangshuang.net体位置。只有,我们得到原始的Error,【原创内容,转载请注明出处】【版权所有,侵权必究】才能获得原始的stack信息,但是通过t【访问 www.tangshuang.net 获取更多精彩内容】本文作者:唐霜,转载请注明出处。ry…catch语法,往往会【转载请注明来源】【关注微信公众号:wwwtangshuangnet】屏蔽原始的Error,导致我们追逐不到错【关注微信公众号:wwwtangshuangnet】【原创不易,请尊重版权】误的原始位置。比如:
【原创不易,请尊重版权】原创内容,盗版必究。<script>
'use strict'
async function calc() {
try {
const x = await a + await b
const y = x + await z
return y
}
catch (e) {
alert('计算错误')
}
}
calc()
</script>
我们用alert来替代我们经常使用的to【本文首发于唐霜的博客】【本文首发于唐霜的博客】ast, popup等方法。一旦我们通过【本文受版权保护】【本文首发于唐霜的博客】交互形式接住错误时,我们就直接放弃了获得【版权所有】唐霜 www.tangshuang.net【转载请注明来源】错误原始信息的权利。
【原创内容,转载请注明出处】【作者:唐霜】【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。async函数本质上是创建一个异步函数,【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】而非创建一个封闭式的闭包。没错,如果你在【转载请注明来源】转载请注明出处:www.tangshuang.netasync函数中使用try…【作者:唐霜】转载请注明出处:www.tangshuang.netcatch跟使用闭包没有什么区别。异步函【本文受版权保护】【转载请注明来源】数的目标,是完成异步操作,但其中重要的一【本文受版权保护】原创内容,盗版必究。点是,它的错误是可以被捕获的。为了实现这转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】种捕获,有些开发者会在 catch 中再【原创内容,转载请注明出处】【原创内容,转载请注明出处】次把错误抛出来,比如 catch (e)【原创不易,请尊重版权】本文作者:唐霜,转载请注明出处。 { throw e }。但是这样做,会本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。导致程序在这里又结束了。所以,这种做法又未经授权,禁止复制转载。【原创不易,请尊重版权】不符合在async函数中使用try【转载请注明来源】转载请注明出处:www.tangshuang.net230;catch的目的。
著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshua【转载请注明来源】【本文首发于唐霜的博客】ng.net【未经授权禁止转载】转载请注明出处:www.tangshua原创内容,盗版必究。【作者:唐霜】ng.net对于我个人而言,我从来不直接在async【原创不易,请尊重版权】原创内容,盗版必究。函数中使用try…catch【原创不易,请尊重版权】原创内容,盗版必究。,定义async函数是一个纯粹的asyn【本文受版权保护】本文作者:唐霜,转载请注明出处。c…await结构,在使用该本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】函数时,使用.then().catch(本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】).finally()接住函数执行过程中【作者:唐霜】【未经授权禁止转载】的结果逻辑。
【转载请注明来源】【本文受版权保护】

要正确使用
有点误人子弟了。。。async 函数中的 try/catch 和 then/catch 没什么区别吧?