JavaScript中利用try...catch进行异常处理
封装了一个方法来查询银行 logo 的文件名，然后使用 require 引用。
<image
class="iconImg"
:src="require(`@/static/icons/setting/bankIcon/${this.getCodeWitName(name)}.png`)"
/>但是在开发过程中遇到一个问题，当这个文件不存在时，就会报错没办法继续执行，会导致页面空白等一系列问题发生。
这时候可以利用 try...catch 语句来处理异常：
getImgData (code) {
var data = null
try {
data = require(`@/static/icons/setting/bankIcon/${this.getIconWithCode(code)}`)
} catch (error) {
data = require(`@/static/icons/setting/bankIcon/default.png`)
}
return data
}try...catch 语句
try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。
try {
//在此运行代码
} catch(err) {
//在此处理错误
}未完待续。。。
未经允许不得转载：w3h5 » JavaScript中利用try...catch进行异常处理
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
