問(wèn)題描述

回調(diào)函數(shù)的定義是將b函數(shù)當(dāng)做參數(shù)傳給a去執(zhí)行，此時(shí)b就是回調(diào)函數(shù)，我突然有個(gè)疑問(wèn)，它和a函數(shù)里直接調(diào)用b有什么區(qū)別呢？我自己寫(xiě)了個(gè)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秒鐘才能看到輸出結(jié)果，然后改寫(xiě)為回調(diào)函數(shù)的形式

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秒后才能看到輸出結(jié)果找了很多文章，都說(shuō)明了當(dāng)b作為a函數(shù)的回調(diào)函數(shù)執(zhí)行時(shí)，并不妨礙a函數(shù)的正常執(zhí)行，按照這個(gè)邏輯，第二種方式應(yīng)該是立即輸出hello world的，難道是我回調(diào)函數(shù)用錯(cuò)了嗎？還是理解有問(wèn)題？

問(wèn)題解答

1.性能沒(méi)有區(qū)別2.回調(diào)函數(shù)是作為參數(shù)傳遞的,操作更加靈活，比如，你可以定義一個(gè)函數(shù)c,那可以運(yùn)行 b(c)，當(dāng)你在函數(shù)內(nèi)運(yùn)行函數(shù)的時(shí)候，就失去了變量的靈活性。

嗯，是你理解錯(cuò)了，調(diào)用的效果是一樣的。還有 callback.call(this); 畫(huà)蛇添足，跟 callback() 的 this 是一樣的。

回調(diào)的好處是依賴倒置，不用修改 a 的代碼就可以讓 a 調(diào)用 c、d、e....