闭包测试

来源:互联网 发布:中俄贸易数据 编辑:程序博客网 时间:2024/06/14 06:50
<!DOCTYPE html>
<!-- saved from url=(0035)https://www.huobi.com/trade/cny_btc -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title> </title>
    <style type="text/css">
    </style>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        var product = { name: '嘎嘎', len: 15 };
       var TestFn1= (function TestFn(cfg) {
            var $nav1 = 1;
            var $nav2 = 2;
            function gg() {               
                $("#range_buy").html($nav1 + ' ' + cfg.name+'在叫');
            }
            var o = new Object();
            o.showMsg = gg;
            return o;
        })(product);
        var TestFn2 = (function () {          
            var $nav1 = 1;
            var $nav2 = 2;
            var gg = function () {
                $("#range_buy").html($nav1 + '55');
                console.log(11);
            }
            var o = {
                run: gg
            } 
            return o;        
        })();
        function mm() {
            var mi = 123;
            function show() {
                console.log('笑死'+mi);
            }
            show();
        }
        function mm2() {
            TestFn2.run();           
        }
        $(document).ready(function () {
            $("#btnTest").click(function () {
                //TestFn2.run();
                TestFn1.showMsg();
            });
        });
        
    </script>
</head>
<body>
    <div id="range_buy" style="height:100px;width:200px;">
    </div>
    <input type="button" id="btnTest" value="测试" >
</body>
</html>