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. java - C語言算法題-韓信點兵 求解?2. html5 - 微信瀏覽器視頻播放失敗3. java - spring-data Jpa 不需要執行save 語句,Set字段就可以自動執行保存的方法?求解4. javascript - 這問題怎么處理額5. javascript - SuperSlide.js火狐不兼容怎么回事呢6. javascript - jQuery中live事件在移動微信端下沒有效果;代碼如下7. javascript - owl.carousel.js這個插件的原作者的網址是多少了?8. css3 - 為什么css里面要帶-moz-|-webkit-后又來一個不帶它們的9. phpstady在win10上運行10. 在應用配置文件 app.php 中找不到’route_check_cache’配置項
