JavaScript 闭包

闭包

定义

MDN 对闭包的定义为： 闭包是指那些能够访问自由变量的函数。

定义：闭包就是函数能够记住并访问它的词法作用域，即使当这个函数在它的词法作用域之外执行时。

例子

function foo() {
    var a = 2;
    function bar() {
        console.log(a);
    }
    bar();
}
foo();

bar 是可以访问 foo 的作用域的，但是不能严格意义来说是闭包，它是在自己当前的词法作用域来执行的。

function foo() {
    var a = 2;
    function bar() {
        console.log(a);
    }
    return bar;
}
var baz = foo();
baz(); // 2

看，这样就符合了两个特征了。

或者这样

var baz;

function foo() {
    var a = 2;
    function bar() {
        console.log(a);
    }
    baz = bar;
}

foo();

baz(); // 2

无处不在的闭包

function foo(delay) {
    setTimeout(() => {console.log(delay)}, delay);
}

foo(1000);

看到了吗，当我们执行 foo，定时器已经被浏览器模块接受处理，过了1秒才能处理完，这时于foo早就没关系了，那么打印了 1000， 是因为定时器函数还在访问着 foo。

它其实是下面的样子

function setTimeout(cb) {cb()};
function foo(delay) {
    setTimeout(() => {console.log(delay)}, delay)
}

此时的 cb 就是引用 foo 的。

或者你使用一些框架来封装一些东西

function foo (name, selector) {
    $(selector).click(function () {console.log(name)});
}
foo('bar', '#bar');
foo('baz', '#baz');