<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            font-family: "Microsoft YaHei", serif;
        }

        body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
            margin: 0;
        }

        ol, ul, li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        img {
            border: none
        }
    </style>
</head>
<body>

<script>
    fn()();
    var a = 0;
    function fn() {
        alert(a);
        var a =3;
        function c() {
            alert(a)
        }
        return c;
    }
    
    // 1定义
    //      var a ;
    //      function fn() {}
    // 2执行
    //     fn()  ==>  新的作用域
    //                 1定义
    //                     var a;
    //                     function c() {}
    //                 2执行
    //                     alert(a); undefined
    //                     a = 3;
    //                     return c;
    //         fn()()  ==>    相当于c()产生新作用域
    //                                 1定义
    //                                 2执行
    //                                     alert(a)  3在父级中找到的3
    //     a=0;

</script>
</body>
</html>