javascript - async wait 异常捕获但仍然显示 404 错误并显示红色标记

Question

下面的代码捕获了错误，但控制台中仍然显示带有红色标记的 404 错误，这是它的工作方式还是只应该显示 catch block 的日志信息？

或者有其他更好的方法来处理异常吗？

async function showList(req, err) {
    try {
        const response = await fetch('http://jsonplaceholder.typicode.com/poosts') // 'posts' to get work the url
        if (!response.ok) {
            throw new Error(response.statusText);
        }
        const data = await response.json()
        for (let i = 0; i < data.length; i++) {
            const divInject = `
          <div>
              <h3>${data[i].title}</h3>
              <div>${data[i].body}</div>
          </div>
  `;
            const divInside = document.getElementById('append')
            divInside.insertAdjacentHTML('afterbegin', divInject)
        }
    }
    catch (err) {
        console.log(err);
    }
};

showList();

Answer 1

but still 404 error with red marks displays in console

是的，就是这样。无论您是否处理 404，它都会在“网络”选项卡以及(在某些浏览器上)控制台中报告(与您自己的 console.log 分开)。您已成功捕获异常。如果不是，您还会在控制台中收到未处理的 promise 拒绝的警告。