一个小例子，观察脚本语言闭包的效果

最新推荐文章于 2022-08-24 18:12:16 发布

期待一片自己的蓝天

最新推荐文章于 2022-08-24 18:12:16 发布

阅读量841

点赞数

分类专栏： javascript 文章标签：脚本语言 js 闭包

本文链接：https://blog.csdn.net/nyist327/article/details/52776700

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

闭包，是指脚本语言中，一个函数可以访问其他函数作用域内的变量。一般而言，当一个函数结束后，变量就随之释放了，但是闭包不同，下面看两个例子。
例子1，闭包访问函数局部变量：

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <script>
    window.onload = function() {
        var aLi = document.getElementsByTagName('li');
        for (var i = 0; i < aLi.length; i++) {
            (function() {
                aLi[i].onclick = function() {
                    alert(i);
                };
            })();
        }
    };
    </script>
</head>
<body>
    <ul>
        <li>123</li>
        <li>456</li>
        <li>789</li>
    </ul>
</body>
</html>

例子2，闭包访问参数：

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <script>
    window.onload = function() {
        var aLi = document.getElementsByTagName('li');
        for (var i = 0; i < aLi.length; i++) {
            (function(i) {
                aLi[i].onclick = function() {
                    alert(i);
                };
            })(i);
        }
    };
    </script>
</head>
<body>
    <ul>
        <li>123</li>
        <li>456</li>
        <li>789</li>
    </ul>
</body>
</html>

观察结果，可以发现，例子1中的值始终是3，而例子2中的值，则是0， 1， 2。由此可以体会一下闭包的效果。

期待一片自己的蓝天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个小例子，观察脚本语言闭包的效果

闭包，是指脚本语言中，一个函数可以访问其他函数作用域内的变量。一般而言，当一个函数结束后，变量就随之释放了，但是闭包不同，下面看两个例子。例子1，闭包访问函数局部变量：<!DOCTYPE><html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></titl
复制链接

扫一扫