終於...終於有諾言的帖子

JavaScript Promise 中的finally塊何時執行？最近在一個研討會上有人問了我這個問題，我想寫一篇小文章來消除一些困惑。

答案是，引用斯內普的話：

……總是。

基本結構如下：

 try {
  // 我將嘗試為你執行一些代碼} catch (error) {
  // 我將處理該過程中出現的任何錯誤} finally {
  // 無論如何我都會執行}

例如，這是一個Chuck Norris 笑話生成器示例，其內容來自Chuck Norris 數據庫API。 （順便說一句，我從Todd Motto 的非常棒的開放API 列表中找到了這個API，它非常適合演示和副項目。）

 async function getData() {
  try {
    let chuckJokes = await fetch(`https://api.chucknorris.io/jokes/random`)
      .then(res => res.json());

    console.log('我為你獲取了一些數據！');
    document.getElementById("quote").innerHTML = chuckJokes.value;
  } catch (error) {
    console.warn(`這裡有一個錯誤：${error}`);
  } finally {
    console.log('無論如何，finally 都會執行！');
  }
}

控制台輸出：（此處應顯示成功獲取笑話的控制台輸出）

現在，讓我們在API 的URL 中引入一個錯字，意外地添加一堆<var>r</var> 。這將導致我們的try語句失敗，這意味著catch現在會拋出一個錯誤。

 async function getData() {
  try {
    // 讓我們稍微搞砸一下let chuckJokes = await fetch(`https://api.chucknorrrrris.io/jokes/random`)
      .then(res => res.json());

    console.log('我為你獲取了一些數據！');
    document.getElementById("quote").innerHTML = chuckJokes.value;
  } catch (error) {
    console.warn(`這裡有一個錯誤：${error}`);
  } finally {
    console.log('無論如何，finally 都會執行！');
  }
}

控制台輸出：（此處應顯示錯誤信息和finally塊的輸出）

一個非常重要的方面是，示例中沒有說明的是，即使在try或catch塊中， return或break語句停止了代碼， finally塊也會運行。

何時使用finally ？

我發現它在兩種不同的情況下特別有用，儘管我相信還有其他情況：

• 當我在try和catch塊中需要重複代碼時。這是我在編寫的Vue 食譜中一個示例。我在finally塊中關閉了加載狀態。這包括，就像上面的示例一樣，我需要在任何情況下更改UI。
• 當需要進行一些清理工作時。 Oracle 在其文檔中提到了這一點。它是Java，但前提相同。

finally的用途不如try和catch頻繁，但在某些情況下值得注意。希望這能澄清你的疑問！

以上是終於...終於有諾言的帖子的詳細內容。更多資訊請關注PHP中文網其他相關文章！