JavaScript 中的非同步程式設計可讓您執行 API 呼叫、讀取檔案或查詢資料庫等任務,而不會阻塞其他程式碼的執行。這在 JavaScript 中至關重要,尤其是在 Web 開發中,回應能力和效能是關鍵。
關鍵概念
1。回調:
作為參數傳遞給另一個函數的函數,該函數在非同步操作完成後執行。
範例:
函數 fetchData(回呼) {
setTimeout(() => {
callback("資料已取得");
}, 1000);
}
fetchData((data) => {
console.log(數據);
});
2。承諾:
表示非同步操作最終完成或失敗的物件。
承諾可以處於三種狀態之一:待定、已履行或已拒絕。
範例:
讓promise = new Promise((resolve,reject) => {
setTimeout(() => {
解析(“數據已獲取”);
}, 1000);
});
承諾
.then((data) => console.log(data))
.catch((錯誤) => console.log(錯誤));
3。非同步與等待:
非同步函數會自動傳回一個 Promise,並用於簡化 Promise 的處理。
await 暫停非同步函數的執行,直到 Promise 得到解決,使程式碼更易於閱讀和編寫。
範例:
非同步函數 fetchData() {
嘗試{
讓資料 = 等待新的 Promise((解決, 拒絕) => {
setTimeout(() => {
解析(“數據已獲取”);
}, 1000);
});
console.log(數據);
} catch (錯誤) {
console.log(錯誤);
}
}
fetchData();
非同步模式
回呼地獄:回呼嵌套在其他回調中的情況,使程式碼難以閱讀和維護。
Promise Chaining:一種透過返回 Promise 並連結 .then() 和 .catch() 方法來避免回調地獄的模式。
Async/Await:一種更現代、更簡潔的非同步程式碼編寫方法,可以避免 Promise 鏈並使程式碼看起來更同步。
用例
API 呼叫:從伺服器取得資料。
計時器:使用 setTimeout 或 setInterval。
檔案操作:以非阻塞方式讀取或寫入檔案。
事件處理:處理點擊、按鍵等事件
JavaScript 中的非同步程式設計對於建立響應迅速、高效的應用程式至關重要,特別是在處理 I/O 密集型操作時。
以上是非同步編程回調、Promise 和非同步等待的詳細內容。更多資訊請關注PHP中文網其他相關文章!