<!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">
function add(p1,p2,callback) {
console.log("开始"+p2);
callback(p1+p2);
console.log("结束"+p2);
}
add(1,2,function (r1) {
console.log(r1);
// 得到结果1，继续执行
add(r1,3,function(r2) {
console.log(r2);
// 得到结果2，继续执行
add(r2,4,function(r3) {
console.log(r3);
// 得到结果3，输出
print(r3);
})
})
})
function print(r) {
alert(r);
}
</script>
</head>
<body >
回调函数(callback)
</body>
</html>
开始2
3
开始3
6
开始4
10
结束4
结束3
结束2
callback的作用就是，一步一步往下执行。等第一步执行完了，再继续执行第二步。
后面的数据，依托于前面的执行结果。
一层一层，往下执行。