代码中的3种错误-思考及应对方法

我们聊到了代码中的3中错误。今天我想在具体的代码上讨论如何应对这3中错误。

这段代码很普通，就是在浏览器中自动下载文件，代码如下：

const link = document.createElement('a')
link.href = dataUrl
link.download = 'output.png'
link.click()

这段代码一共有4行，其中第二行设置了要下载的数据值，第三行设置了下载文件的名称。这两行代码都是和业务相关的。
第一行代码是创建a标签，第四行是触发下载，这两行代码与浏览器（环境）相关。

对于业务相关的代码，第二行和第三行，由于不存在转换关系可以忽略。对于第一行代码和第四行代码，直接依赖于浏览器环境，可以处理其可能发生的异常错误。

因此，我们这里要处理的是第三种错误：环境相关的错误。
上面的代码稍微改造一下

const donwload = (dataUrl, outputFileName = 'output.png') => {
  try {
  	const link = document.createElement('a')
	link.href = dataUrl
	link.download = outputFileName
	link.click()
	console.log('download-success', outputFileName)
  } catch (err) {
    console.error('download-err', err)
  }
}