一、概念介绍
CallBack ： "回调" 。 在spring优秀框架回调无处不在, 回调的运用场景很多, 如 swt事件监听、netty等。它的主要作用是提高程序执行效率, 一段代码执行时不必等另一段代码执行结束才继续往下run。 在JavaScript也不例外。
二、js 回调语法
传递函数作为回调
function(ag1,ag2...,callback) {
// 业务逻辑代码
}
js 代码study.js
window.mytest = function(str, callback) { printStr(str) ; var res = test_callback(); callback(res); } function printStr(str) { alert(str); } function test_callback() { return "回调测试"; }
html代码 studyJS.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <button onclick="test_callback()">test</button> </body> <script src="js/study/study.js" type="text/javascript"></script> <script> mytest("加油", function(data) { console.log(data); }) </script> </html>
分析 ： 打开 studyJS.html, 会执行mytest()方法。执行之后,回去回调业务定义的回调函数, 如上图
function(data) {
console.log(data);
}
所以控制台会输出 ”加油“！！！