js中callback执行-CSDN博客

<!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的作用就是，一步一步往下执行。等第一步执行完了，再继续执行第二步。
后面的数据，依托于前面的执行结果。

一层一层，往下执行。

本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/7833045.html，如需转载请自行联系原作者