如何捕获 Javascript 中的 404 错误？

我有一个 HTML 音频元素，并且我将该元素的“src”属性动态设置为存储在局域网上的音频文件。

它是这样工作的：

function setSource(source) {
   audio.src = source;
}

var audio = new Audio();
var source = "http://localhost/folder/file.mp3";
setSource(source);

有时，我指向的源音频文件的链接已损坏，这会导致生成 404 错误并记录到浏览器控制台。

我希望能够捕获 404 错误，以防止它们被记录到控制台。

这就是我尝试的方式：

function setSource(source) {
  try {
    audio.src = src;
  }//end try
  catch (e) {
    //do nothing
  }//end catch
}//end setSource

var audio = new Audio();
var source = "http://localhost/folder/file.mp3";
setSource(source);

不幸的是，我的 try/catch 语句完全没有执行任何操作，错误仍然记录到控制台。难道我做错了什么？

由于我的应用程序的性质，会有很多 404 错误，这是正常的，也是预料之中的，但对于用户来说，它看起来确实不稳定且“丑陋”（如果他们碰巧打开控制台）。

仅供参考：我正在使用谷歌浏览器。

在这种情况下，在浏览器控制台中记录 HTTP 错误是浏览器独有的功能，而不是 Javascript 或任何其他网站代码的功能。

这是无法阻止的。