js中callback执行

<!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的作用就是，一步一步往下执行。等第一步执行完了，再继续执行第二步。

后面的数据，依托于前面的执行结果。

一层一层，往下执行。

巴特西

js中callback执行

最新文章

热门文章