學習js回調函數

時間 2019-11-12

原文原文鏈接

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