如何在 JavaScript 中使用 async/await 將回呼函數轉換為 Promise？

使用 async/await 將回呼函數轉換為 Promise

在 JavaScript 中，延遲程式碼執行直到某些事件發生的能力是一個常見的需求。在使用非同步程式碼時，回呼一直是 JavaScript 中的傳統方法，但 Promise 提供了一種更簡潔、更靈活的處理非同步操作的方法。 Promise 讓連結和等待操作成為可能，從而簡化了非同步程式碼並提高了可讀性。

問題

考慮以下函數，該函數從URL 獲取圖像，加載它，並返回其寬度和height:

使用此函數作為回調，我們在嘗試立即存取圖像資料時可能會遇到問題。例如，如果我們使用以下函數：

getImageData 函數會立即執行，但映像可能尚未完成加載，從而導致未定義的輸出。為了解決這個問題，我們可以利用 Promise 和 async/await 來確保只有在映像載入成功後才能檢索影像資料。

解

我們可以不依賴回調，而是可以將getImageData 轉換為基於Promise 的函數：

現在，我們可以使用async/await 僅在影像資料可用時檢索影像資料：

透過利用Promise 和async/await，我們可以確保只有在影像載入後才能存取影像數據，從而提供更健壯和乾淨的方法來處理非同步操作。

以上是如何在 JavaScript 中使用 async/await 將回呼函數轉換為 Promise？的詳細內容。更多資訊請關注PHP中文網其他相關文章！