這篇文章給大家分享的是有關(guān)js回調(diào)的案例分析的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)主要為客戶提供服務(wù)項(xiàng)目涵蓋了網(wǎng)頁視覺設(shè)計(jì)、VI標(biāo)志設(shè)計(jì)、營銷推廣、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式成都網(wǎng)站建設(shè)、手機(jī)網(wǎng)站制作設(shè)計(jì)、微商城、網(wǎng)站托管及網(wǎng)站維護(hù)、WEB系統(tǒng)開發(fā)、域名注冊、國內(nèi)外服務(wù)器租用、視頻、平面設(shè)計(jì)、SEO優(yōu)化排名。設(shè)計(jì)、前端、后端三個(gè)建站步驟的完善服務(wù)體系。一人跟蹤測試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為效果圖設(shè)計(jì)行業(yè)客戶提供了網(wǎng)站開發(fā)服務(wù)。

在Javascript中，函數(shù)是第一類對象，這意味著函數(shù)可以像對象一樣按照第一類管理被使用。既然函數(shù)實(shí)際上是對象：它們能被“存儲(chǔ)”在變量中，能作為函數(shù)參數(shù)被傳遞，能在函數(shù)中被創(chuàng)建，能從函數(shù)中返回。因?yàn)楹瘮?shù)是第一類對象，我們可以在Javascript使用回調(diào)函數(shù)。下面我們一起了解一下回調(diào)。

簡單地講：回調(diào)是指在另一個(gè)函數(shù)執(zhí)行完成之后被調(diào)用的函數(shù)

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

下面說說為什么我們需要回調(diào)？

有一個(gè)非常重要的原因——JavaScript是事件驅(qū)動(dòng)的語言。這意味著，JavaScript不會(huì)因?yàn)橐却粋€(gè)響應(yīng)而停止當(dāng)前運(yùn)行，而是在監(jiān)聽其他事件時(shí)繼續(xù)執(zhí)行。

來看一個(gè)基本的例子：

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

正如你所料，first 函數(shù)首先被執(zhí)行，隨后 second 被執(zhí)行 —— 控制臺(tái)輸出下面內(nèi)容：

// 1
// 2

但如果函數(shù) first 包含某種不能立即執(zhí)行的代碼會(huì)如何呢？

例如我們必須發(fā)送請求然后等待響應(yīng)的 API 請求？為了模擬這種狀況，我們將使用 setTimeout，它是一個(gè)在一段時(shí)間之后調(diào)用函數(shù)的 JavaScript 函數(shù)。我們將函數(shù)延遲 500 毫秒來模擬一個(gè) API 請求，新代碼長這樣：

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

現(xiàn)在理解 setTimeout() 是如何工作的并不重要，重要的是你看到了我們已經(jīng)把 console.log(1); 移動(dòng)到了 500 秒延遲函數(shù)內(nèi)部。那么現(xiàn)在調(diào)用函數(shù)會(huì)發(fā)生什么呢？

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

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

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

所以為什么給你看這個(gè)？

因?yàn)槟悴荒芤粋€(gè)接一個(gè)地調(diào)用函數(shù)并希望它們按照正確的順序執(zhí)行。

回調(diào)正是確保一段代碼執(zhí)行完畢之后再執(zhí)行另一段代碼的方式。

感謝各位的閱讀！關(guān)于js回調(diào)的案例分析就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

文章題目：js回調(diào)的案例分析-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://jinyejixie.com/article2/egsoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、品牌網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)、商城網(wǎng)站

廣告

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