学习js回调函数

<!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">

    var f;
    function d(){
        alert("我是Jquery定义的函数d");
    }
    var e = function(){
        alert("我也是Jquery定义的函数e");
    }

    function a(callback) {
        alert("我是parent函数a!");
        d();
        if (typeof callback === "function"){
            callback();
        }
    }
    function b(){
        alert("我是回调函数b");

        d();
        e();
        f();
    }
    function c(){
        alert("我是回调函数c");
        d();
        e();
        f();
    }
    function test1() {
        a(b);
    }
    function test2() {
        a(c);
    }
    $(function(){
        f = function(){
            alert("我是回调函数f");
        }
    });
    </script>
</head>
<body>
    <h1>学习js回调函数</h1>
    <button onClick=test1()>test a(b)</button>
    <button onClick=test2()>test a(c)</button>
    <p>应该能看到调用了两个回调函数</p>
    <p> </p>
</body>
</html>

网上看了一个例子,进行了修改,按上面方式可以回调成功,直接复制粘贴到html文件中即可测试

posted @ 2016-12-14 09:02  宋佳莉  阅读(269)  评论(0编辑  收藏  举报