闭包（JavaScript）

最新推荐文章于 2024-06-21 16:41:46 发布

~历桑

最新推荐文章于 2024-06-21 16:41:46 发布

阅读量363

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/weixin_50053454/article/details/123136215

版权

不废话，直接看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>闭包</title>
</head>
<body>
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>4</button>
    <button>5</button>
    <script>
        function A(){
            var count = 0;
            function B(){
                console.log(++count)
            }
            return B
        }
        var b = A();
        b();
        b();
        b();

        // var a = 3; console.log(a - 2 + ++a + --a / a << 3);


        // 1, 什么是闭包?
        // 通俗解释: 一个函数的返回值返回了另一个函数,这种结构就叫闭包结构
        // 书面解释: 一个函数有权访问另一个函数内部局部变量的函数


        // 2, 闭包的作用? 
        // 闭包可以使一个函数中的局部变量拥有全局变量的部分特性, 函数执行结束后,变量不会被js垃圾回收机制回收,清理,重置


        // 3, 闭包的用法?
        // 在循环中绑定事件时,使用闭包结构保留循环变量i的值,每次循环中i的值不被回收,清理,更新,替换
        var buttons = document.getElementsByTagName("button")
        for(var i = 0; i < buttons.length; i++){
            buttons[i].onclick = method(i+1)
        }
        function method (index){
            return function(){
                console.log(index)
            }
        }

        // 4, 闭包的缺点?
        // 闭包会造成内存泄漏
        // 内存泄漏: 一个数据在使用完毕之后,没有被回收机制清理, 依然占用内存,使可用内存越来越少, 最终内存泄漏过多, 会导致系统卡顿甚至崩溃   


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

~历桑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
闭包（JavaScript）

不废话，直接看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <
复制链接

扫一扫