初學js的時候,被回調函數搞得很暈,現在回過頭來總結一下什么是回調函數。
我們先來看看回調的英文定義:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。
字面上的理解,回調函數就是一個參數,將這個函數作為參數傳到另一個函數里面,當那個函數執行完之后,再執行傳進去的這個函數。這個過程就叫做回調。
其實也很好理解對吧,回調,回調,就是回頭調用的意思。主函數的事先干完,回頭再調用傳進來的那個函數。但是以前看過很多博客,他們總是將回調函數解釋的云里霧里,很高深的樣子。
舉一個別人舉過的例子:約會結束后你送你女朋友回家,離別時,你肯定會說:“到家了給我發條信息,我很擔心你。” 對不,然后你女朋友回家以后還真給你發了條信息。小伙子,你有戲了。其實這就是一個回調的過程。你留了個參數函數(要求女朋友給你發條信息)給你女朋友,然后你女朋友回家,回家的動作是主函數。她必須先回到家以后,主函數執行完了,再執行傳進去的函數,然后你就收到一條信息了。
現在基本理解回調函數的意思了吧。不理解的話沒關系,我們用代碼說話。
//定義主函數,回調函數作為參數
function A(callback) {
callback();
console.log('我是主函數');
}
//定義回調函數
function B(){
setTimeout("console.log('我是回調函數')", 3000);//模仿耗時操作
}
//調用主函數,將函數B傳進去
A(B);
//輸出結果
我是主函數
我是回調函數[而且維修站V型從]()
- web 前端知識
- 什么是Vue,
- vue-axios的使用及其中get與post網絡請求
- Ajax實現步驟和原理
- 什么是AJAX?
- AJAX的工作原理
- 那如何使用Ajax技術?
- css 新特性
- 什么是深拷貝和淺拷貝
- Vue
- axios封裝和使用
- axios基本用法
- Vue-cli 安裝
- 布局的時候什么時候用xs,sm,md,lg?
- js.的點擊事件
- vue路由傳參的三種基本方式
- Vue路由傳參與取值的兩種方法
- HTML
- html5的新特性
- Html5新增的標簽有哪些?
- CSS
- CSS偽類選擇器 奇偶匹配nth-child(even)
- 房銀-項目
- 服務器網址
- 項目網址
- VS -Code
- Vue 單頁應用 的 首屏優化
- 什么是DTO
- JavaScript
- element-ui 表單校驗
- JavaScript-2
- JavaScript - Number.isInteger() 方法用來判斷給定的參數是否為整數
- JS回調函數--簡單易懂有實例
- bootstrap 概念 和使用方法
- react框架- 知識
- react中class xx extends component{}和React.createClass({})的區別?