javascript - 回調函數和普通調用函數的區別?
問題描述
回調函數的定義是將b函數當做參數傳給a去執行,此時b就是回調函數,我突然有個疑問,它和a函數里直接調用b有什么區別呢?我自己寫了個demo
function a(){ b(); console.log(’hello world’);}function b(){ var n = 0; for(var i = 0;i < 1000000000;i++){n++; } return n;}a(); //hello world
大概3秒鐘才能看到輸出結果,然后改寫為回調函數的形式
function a(callback){ callback.call(this); console.log(’hello world’);}function b(){ var n = 0; for(var i = 0;i < 1000000000;i++){ } console.log(1);}a(b); //hello world
也是3秒后才能看到輸出結果找了很多文章,都說明了當b作為a函數的回調函數執行時,并不妨礙a函數的正常執行,按照這個邏輯,第二種方式應該是立即輸出hello world的,難道是我回調函數用錯了嗎?還是理解有問題?
問題解答
回答1:1.性能沒有區別2.回調函數是作為參數傳遞的,操作更加靈活,比如,你可以定義一個函數c,那可以運行 b(c),當你在函數內運行函數的時候,就失去了變量的靈活性。
回答2:嗯,是你理解錯了,調用的效果是一樣的。還有 callback.call(this); 畫蛇添足,跟 callback() 的 this 是一樣的。
回調的好處是依賴倒置,不用修改 a 的代碼就可以讓 a 調用 c、d、e....
相關文章:
1. docker內創建jenkins訪問另一個容器下的服務器問題2. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?3. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?4. vim里的高亮javascript的javascript.vim 已經放到syntax里了,但是不行。5. node.js - 如何避免 webstorm 中 Vue 項目通過 npm 面板運行開發服務器時的 DEBUG_FD 已廢棄提示信息6. javascript - js閉包作用域7. 老師您的微信號是多少?8. docker 17.03 怎么配置 registry mirror ?9. html5 - 百度echart官網下載的地圖json數據亂碼10. vue ajax請求回來的數據沒有渲染到頁面
