【JavaScript】016.封闭函数

最新推荐文章于 2026-01-10 21:27:23 发布

原创最新推荐文章于 2026-01-10 21:27:23 发布 · 227 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5 #css

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

1.目的

JavaScript封闭函数

2.示例代码

图片及源码的github链接
016.封闭函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>016.封闭函数</title>
    <script type="text/javascript">
        // 一个封闭函数(匿名函数)，创建+执行
        (function () {
            alert('Hello World!');
        })();

        // 普通全局变量和函数
        var iNum1 = 12;
        function fnA() {
            alert('This is Outter A');
        }
        fnA();  // 运行

        // 封闭函数
        (function () {
            // 内部定义变量
            var iNum1 = 24;
            // 封闭函数内部定义函数
            function fnA() {
                alert('This is inner A');
            }
            fnA();  // 运行
        })();

        alert("Num: " + iNum1);     // 12
    </script>
</head>
<body>

</body>
</html>