对闭包的误解

l_set_Sail

于 2020-04-21 15:20:55 发布

阅读量238

点赞数

分类专栏： js vue 文章标签：函数闭包

本文链接：https://blog.youkuaiyun.com/l_set_Sail/article/details/105658830

版权

js 同时被 2 个专栏收录

15 篇文章

订阅专栏

vue

8 篇文章

订阅专栏

本文详细解析了JavaScript中闭包的概念，纠正了常见的误解，并通过实例展示了如何利用闭包使变量在内存中长期驻留，避免全局变量污染，以及实现计数器功能。闭包允许内部函数访问并操作外部函数的变量，即使外部函数已经执行完毕。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对闭包的理解

1.其实之前我对闭包一直存在误解，一直以为是从另一个函数去拿到这个函数的值误解
2.今天在看原生又看到了闭包对他重新做了理解

1.希望变量长期驻扎在内存当中（一般函数执行完毕，变量和参数会被销毁）

2.避免全局变量的污染

function  aaa() {
       var a = 1;
       a++;
       alert(a)
 }

aaa(); // 2
aaa(); // 2
aaa(); // 2
上面的函数不管执行几次，弹出的都是2，如果我们想弹出2/3/4 这样的结果呢？就需要用到闭包

函数嵌套函数，内部函数可以引用外部函数的参数和变量

function  aaa() {
    var a = 5;
    function bbb() {
        alert(a)
    }

    return bbb
}
var c = aaa();
c();

function aaa() {
        var a = 1;
        return function(){
            a++;
            alert(a)
        }
    }

    var bbb = aaa();
    bbb(); // 2
    bbb(); // 3
    bbb(); // 4

    // 函数表达式的写法
    var aaa = (function () {
        var a = 1;
        return function () {
            a++;
            alert(a)
        }
    })()

    aaa() // 2
    aaa() // 3
    aaa() // 4
``
闭包就是从外部的函数想要拿到内部函数的值  
好处就是不会被垃圾回收机制所回收
当内部函数 在定义它的作用域 的外部 被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.