JavaScript中利用try...catch进行异常处理

封装了一个方法来查询银行 logo 的文件名，然后使用 require 引用。

代码语言：javascript复制

<image
  class="iconImg"
  :src="require(`@/static/icons/setting/bankIcon/${this.getCodeWitName(name)}.png`)"
/>

但是在开发过程中遇到一个问题，当这个文件不存在时，就会报错没办法继续执行，会导致页面空白等一系列问题发生。

这时候可以利用 try...catch 语句来处理异常：

代码语言：javascript复制

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 部分包含错误发生时运行的代码。

代码语言：javascript复制

try {
  //在此运行代码
} catch(err) {
  //在此处理错误
}

未完待续。。。

未经允许不得转载：w3h5 » JavaScript中利用try...catch进行异常处理

javascript require 异常 异常处理

0 人点赞