當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript 回调（callback）函数

發布時間：2025/6/15 javascript 15 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript 回调（callback）函数小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

此文適合JavaScript入門級選手閱讀，高手就可以飄過了。

先扯點閑話。在中國，有這么一種現象：不管什么詞或者概念，總會有些人把這些東西解釋的神乎其神，貌似搞得別人聽不懂就覺得自己很厲害的樣子。其實不知道有多2。我個人比較崇尚簡潔明了。什么詞，什么概念，如果你能用簡短的一兩句話讓大家聽明白，這才是本事。好了，閑話不扯了，進入正題。

在JavaScript里什么叫Callback“回調函數”，用我的話來講就是把方法b當做一個參數傳遞個方法a，當方法a執行完后執行另外一個指定函數（這里是b函數）。來看個列子：

[html]?view plaincopy print?

<html>?????

????<head>????????

????????<title>Callback?function?test</title>???

????????<script?language="javascript"?type="text/javascript">???

????????function?main(callback)???

????????{??????

????????????alert("I?am?main?function");???

????????????alert("Invoke?callback?function..");???

????????????callback();???

????????}???

????????function?b(){???

????????????alert("I?am?callback?function:?b");???

????????}???

????????function?c(){???

????????????alert("I?am?callback?function:?c");???

????????}???

???????????

????????function?test()?{???

????????????main(b);???

????????????main(c);???

????????}???

???????????

????????</script>???

????</head>???

???????

????<body>???

????????<button?onClick="test()">click?me</button>???

????</body>???

</html>???

這里面main（b），那么b就稱作回調函數，是不是很好理解？那有人會說我為什么不可以把b的調用放到main函數里呢？確實可以，但是那樣你的main方法就只能調用b了。這里我們將b傳遞個main，或者a傳遞個main，那main里面的callback方法就是動態的回調函數。優點就在這里。

以上是生活随笔為你收集整理的JavaScript 回调（callback）函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。