js回調的案例分析-創新互聯

這篇文章給大家分享的是有關js回調的案例分析的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創新互聯主要為客戶提供服務項目涵蓋了網頁視覺設計、VI標志設計、營銷推廣、網站程序開發、HTML5響應式成都網站建設、手機網站制作設計、微商城、網站托管及網站維護、WEB系統開發、域名注冊、國內外服務器租用、視頻、平面設計、SEO優化排名。設計、前端、后端三個建站步驟的完善服務體系。一人跟蹤測試的建站服務標準。已經為效果圖設計行業客戶提供了網站開發服務。

在Javascript中，函數是第一類對象，這意味著函數可以像對象一樣按照第一類管理被使用。既然函數實際上是對象：它們能被“存儲”在變量中，能作為函數參數被傳遞，能在函數中被創建，能從函數中返回。因為函數是第一類對象，我們可以在Javascript使用回調函數。下面我們一起了解一下回調。

簡單地講：回調是指在另一個函數執行完成之后被調用的函數

稍復雜地講： 在 JavaScript 中，函數也是對象。因此，函數可以傳入函數作為參數，也可以被其他函數返回。這樣的函數稱為高階函數。被作為參數傳入的函數就叫做回調函數。

下面說說為什么我們需要回調？

有一個非常重要的原因——JavaScript是事件驅動的語言。這意味著，JavaScript不會因為要等待一個響應而停止當前運行，而是在監聽其他事件時繼續執行。

來看一個基本的例子：

function first(){
  console.log(1);
}
function second(){
  console.log(2);
}
first();
second();

正如你所料，first 函數首先被執行，隨后 second 被執行 —— 控制臺輸出下面內容：

// 1
// 2

但如果函數 first 包含某種不能立即執行的代碼會如何呢？

例如我們必須發送請求然后等待響應的 API 請求？為了模擬這種狀況，我們將使用 setTimeout，它是一個在一段時間之后調用函數的 JavaScript 函數。我們將函數延遲 500 毫秒來模擬一個 API 請求，新代碼長這樣：

function first(){
// 模擬代碼延遲
  setTimeout( function(){
console.log(1);
  }, 500 );
}
function second(){
  console.log(2);
}
first();
second();

現在理解 setTimeout() 是如何工作的并不重要，重要的是你看到了我們已經把 console.log(1); 移動到了 500 秒延遲函數內部。那么現在調用函數會發生什么呢？

first();
second();
// 2
// 1

即使我們首先調用了 first() 函數，我們記錄的輸出結果卻在 second() 函數之后。

這不是 JavaScript 沒有按照我們想要的順序執行函數的問題，而是 JavaScript 在繼續向下執行 second() 之前沒有等待 first() 響應的問題。

所以為什么給你看這個？

因為你不能一個接一個地調用函數并希望它們按照正確的順序執行。

回調正是確保一段代碼執行完畢之后再執行另一段代碼的方式。

感謝各位的閱讀！關于js回調的案例分析就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章題目：js回調的案例分析-創新互聯
網頁URL：http://m.kartarina.com/article2/egsoc.html

成都網站建設公司_創新互聯，為您提供定制開發、品牌網站設計、移動網站建設、搜索引擎優化、手機網站建設、商城網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯