js 中的闭包

最新推荐文章于 2025-03-04 00:18:24 发布

weixin_34248705

最新推荐文章于 2025-03-04 00:18:24 发布

阅读量64

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000013152788

本文详细解释了JavaScript中的闭包概念及其工作原理。通过多个示例代码展示了如何利用闭包来访问局部作用域中的变量，并强调了闭包在保持变量存活方面的重要性。

#### 先理解 js 中的执行环境(https://www.jianshu.com/p/5e5...
闭包按中文的意思就是关上一个包的意思。如果我们把函数的变量对象当做是一个包的话，那这个词很形象体现了它的作用。函数被调用时会创建它的执行环境，函数语句执行完后程序会自动销毁这个函数的执行环境，但是当一个函数中声明了另一个函数（子函数），并且如果存在对这个子函数引用，就会形成闭包，形象点说就相当于把父函数的活动对象(其实就是变量对象，只是它是执行时的变量对象)给关闭了起来，不让程序去销毁它（用技术语言就是父函数的活动对象会储存在内存中，知道手动的解除这个引用）。例如：


function a() {
    var name = "xuxu";
    function b() {
        console.log(name);
    }
    // 此处产生闭包 
    b();
} 
a();

当函数可以记住并访问它所在的作用域链时，就产生了闭包 当然，大部分的闭包都不是这么直观的，因为子函数的调用是可以在父函数之外的，例如：


function a() {
    var name = "xuxu";
    function b() {
        console.log(name);
    }
    return b;
} 
var c=a();
// 此处产生闭包 此处的c函数其实就是a函数
c();

通过以上代码，我们也可以看出一个闭包的好处，就是我们再全局作用域（此处是widow）下访问到了局部作用域(a函数)的作用域的值，按正常的词法作用域是无法这么做的，但是当我们使用闭包是就可以了。然后我们再看一点我们平时写的比较多的：

function foo() {
    var a = 2;
    function baz() {
          // 2
        console.log( a ); 
    }
    bar( baz );
}
function bar(fn) {
// 大家快看呀，这就是闭包！
    fn(); 
}

又或者

var fn;
function foo() {
    var a = 2;
    function baz() {
        console.log( a );
    }
    // 将baz分配给全局变量
    fn = baz; 
}
function bar() {
     // 大家快看呀，这就是闭包！
    fn();
}
foo();
// 2
bar();

以上也是闭包，因此在函数内部调用子函数，或者通过何种手段将内部函数传递到所在的词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会使用闭包大家理解了木有哇~