jquery中回呼函數(callback)使用方法詳解
自學jquery的時候，看到一英文字（Callback），頓時背部隱隱冒冷汗。迅速google之，發現原來中文翻譯成回調。也就是回呼函數了。不懂啊，於是在google回呼函數，發現網路上的中文解釋實在是太「深奧」了，我承認自己才疏學淺了。看了幾個回調的例子後，似乎有點理解了。下面是我對回呼函數的理解，如果理解錯了，請指正，不甚感激。
首先還是從jquery網站上的英文定義入手，身為國人，我真感到悲劇。一個回調的定義被國內的「高手」解釋成什麼樣，就在那繞圈子，似乎只有把你繞進去了，他才算高手。浮雲，一切都是浮雲。
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
這是js裡的解釋了，其他語言的算我沒說。
字面上理解下來就是，回呼就是一個函數的呼叫過程。那就從理解這個呼叫過程開始吧。函數a有一個參數，這個參數是個函數b，當函數a執行完以後執行函數b。那麼這個過程就叫回調。
其實中文也很好理解：回調，回調，就是回頭呼叫的意思。函數a的事先幹完，回頭再呼叫函數b。
舉個現實的例子：約會結束後你送你女朋友回家，離別時，你肯定會說：「到家了給我發條訊息，我很擔心你。」對不，然後你女朋友回家以後還真傳了訊息給你。小伙子，你有戲了。
其實這就是一個回呼的過程。你留了個函數b（請女朋友給你發個訊息）給你女朋友，然後你女朋友回家，回家的動作是函數a。她必須先回到家以後，函數a的內容執行完了，再執行函數b，然後你就收到一則訊息了。
這裡必須清楚一點：函數b是你以參數形式傳給函數a的，那麼函數b就叫回呼函數。
也許有人有疑問了:一定要以參數形式傳過去嗎，我不可以直接在函數a裡面呼叫函數b嗎？確實可以。求解中。
<解惑:如果你直接在函數a裡呼叫的話，那麼這個回呼函數就被限制死了。但是使用函數做參數就有下面的好處：當你a(b)的時候函數b就成了回呼函數，而你還可以a(c)這個時候，函數c就成了回調函數。如果你寫成了function a(){...;b();}就失去了變數的彈性。 >
理解實例：
<html>
<head>
<title>回调函数(callback)</title>
<script language="javascript" type="text/javascript">
function a(callback)
{
alert("我是parent函数a！");
alert("调用回调函数");
callback();
}
function b(){
alert("我是回调函数b");
}
function c(){
alert("我是回调函数c");
}
function test()
{
a(b);
a(c);
}
</script>
</head>
<body>
<h1>学习js回调函数</h1>
<button onClick=test()>click me</button>
<p>应该能看到调用了两个回调函数</p>
</body>
</html>回呼函數大家都會用，只是Jquery封裝了之後，不能讓大家明白回呼函數的真正使用。
JS Api 裡這樣解釋：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
當然我們可以在JS當中來真正嘗試一下回調函數的神奇。
如果你直接在函數a裡呼叫的話，那麼這個回呼函數就被限制死了。但用函數做參數就有下面的好處：當你a(b)的時候函數b就成了回呼函數，而你還可以a(c)這個時候，函數c就成了回呼函數。如果你寫成了function a(){...;b();}就失去了變數的彈性。下面是程式碼：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="GBK" />
<title>回调函数(callback)</title>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
var f;
function d(){
alert("我是Jquery定义的函数d");
}
var e = function(){
alert("我也是Jquery定义的函数e");
}
function a(callback) {
alert("我是parent函数a！");
d();
if (typeof callback === "function"){
//alert(callback);
callback();
}
}
function b(){
alert("我是回调函数b");
d();
e();
f();
}
function c(){
alert("我是回调函数c");
d();
e();
f();
}
function test1() {
a(b);
}
function test2() {
a(c);
}
$(function(){
f = function(){
alert("我是回调函数f");
}
});
</script>
</head>
<body >
<h1>学习js回调函数</h1>
<button onClick=test1()>test a(b)</button>
<button onClick=test2()>test a(c)</button>
<p>应该能看到调用了两个回调函数</p>
<p > </p>
</body>
</html>以上是jquery中回呼函數(callback)使用方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
golang函數動態建立新函數的技巧
Apr 25, 2024 pm 02:39 PM
Go語言提供了兩種動態函數創建技術：closures和反射。 closures允許存取閉包作用域內的變量，而反射可使用FuncOf函數建立新函數。這些技術在自訂HTTP路由器、實現高度可自訂的系統和建置可插拔的元件方面非常有用。
C++ 函數命名中參數順序的考慮
Apr 24, 2024 pm 04:21 PM
在C++函數命名中，考慮參數順序至關重要，可提高可讀性、減少錯誤並促進重構。常見的參數順序約定包括：動作-物件、物件-動作、語意意義和遵循標準函式庫。最佳順序取決於函數目的、參數類型、潛在混淆和語言慣例。
excel函數公式大全
May 07, 2024 pm 12:04 PM
1. SUM函數，用於對一列或一組單元格中的數字進行求和，例如：=SUM(A1:J10)。 2、AVERAGE函數，用於計算一列或一組儲存格中的數字的平均值，例如：=AVERAGE(A1:A10)。 3.COUNT函數，用於計算一列或一組單元格中的數字或文字的數量，例如：=COUNT(A1:A10)4、IF函數，用於根據指定的條件進行邏輯判斷，並返回相應的結果。
C++ 函式預設參數與可變參數的優缺點比較
Apr 21, 2024 am 10:21 AM
C++函數中預設參數的優點包括簡化呼叫、增強可讀性、避免錯誤。缺點是限制靈活性、命名限制。可變參數的優點包括無限彈性、動態綁定。缺點包括複雜性更高、隱式型別轉換、除錯困難。
C++ 函式回傳參考型別有什麼好處？
Apr 20, 2024 pm 09:12 PM
C++中的函數傳回參考類型的好處包括：效能提升：引用傳遞避免了物件複製，從而節省了記憶體和時間。直接修改：呼叫方可以直接修改傳回的參考對象，而無需重新賦值。程式碼簡潔：引用傳遞簡化了程式碼，無需額外的賦值操作。
自訂 PHP 函數和預定義函數之間有什麼區別？
Apr 22, 2024 pm 02:21 PM
自訂PHP函數與預定義函數的差異在於：作用域：自訂函數僅限於其定義範圍，而預定義函數可在整個腳本中存取。定義方式：自訂函數使用function關鍵字定義，而預先定義函數則由PHP核心定義。參數傳遞：自訂函數接收參數，而預先定義函數可能不需要參數。擴充性：自訂函數可以根據需要創建，而預定義函數是內建的且無法修改。
C++ 函式異常進階：客製化錯誤處理
May 01, 2024 pm 06:39 PM
C++中的異常處理可透過自訂異常類別增強，提供特定錯誤訊息、上下文資訊以及根據錯誤類型執行自訂操作。定義繼承自std::exception的異常類，提供特定的錯誤訊息。使用throw關鍵字拋出自訂異常。在try-catch區塊中使用dynamic_cast將捕獲到的異常轉換為自訂異常類型。在實戰案例中，open_file函數會拋出FileNotFoundException異常，捕捉並處理該異常可提供更具體的錯誤訊息。
