這篇文章帶給大家的內容是關於JavaScript中回呼函數與異步的講解（程式碼範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
首先要知道的是，回調和非同步不是同一個東西
我以前認為js中每個回呼函數都是非同步處理的，實際上並不是，可以同步回調，也可以異步回調
說到callback，大家都在javascript中遇到以下的例子
$('#id').on('click', function(){
//code
});
$('#id').setTimeout(function(){
//code
},1000);這些程式碼用了這麼久，知道怎麼用，但是可能對回調的概念並不是那麼清晰
再來個例子
function a(callback)
{
alert("执行parent函数a！");
alert("开始调用回调函数");
callback();
alert("结束回调函数");
}
function b(){
alert("执行回调函数b");
}
function test()
{
a(b);
a(function() {
alert("执行匿名回调函数");
});
}
test();執行順序：
執行parent函數a！
開始呼叫回呼函數
執行回呼函數b
結束回呼函數
執行parent函數a！
開始呼叫回呼函數
執行匿名回呼函數
結束回呼函數
簡單的說，就是把一個函數當作形參來傳遞，上面的callback參數可以改為任意名字
#include <iostream>
using namespace std;
//定义回调函数
void Print()
{
cout <<"Hello World!\n";
}
//定义实现回调函数的"调用函数"
void Call(void (*callback)())
{
callback();
}
//在main函数中实现函数回调
int main(int argc,char* argv[])
{
Call(Print);
return 0;
}#include <iostream>
using namespace std;
//定义带参回调函数
void Print(string s)
{
cout << s << endl;
}
//定义实现带参回调函数的"调用函数"
void Call(void (*callback)(string),string s)
{
callback(s);
}
//在main函数中实现带参的函数回调
int main(int argc,char* argv[])
{
Call(Print,"Hello World!");
return 0;
}經典範例
function a(){
console.log('执行a');
setTimeout(function(){
console.log('setTimeout');
}, 1000);
}
function b(){
console.log('执行b');
}
a();
b();執行順序：
執行a
執行b
setTimeout (一秒後執行)
非同步原理
#都知道js是單線程的，所謂的單線程就是一次只能完成一個任務，其任務的調度方式就是排隊，毫無疑問，這樣的效率是不高的，後面的任務必須等到前面的任務執行完畢後才能執行，如果有一個比較耗時的操作，例如ajax請求，檔案io
其他語言遇到這種比較耗時的任務往往是開一個執行緒來處理，但js本身就是單執行緒的，js對這種任務的處理就是這個一個任務掛載起來，等耗時任務完成後再把回調函數加入到執行佇列尾部
所以，在剛剛這個例子中，即使把延遲時間設為0，也是一樣的結果
以上是JavaScript中回呼函數與非同步的講解（程式碼範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
