javascript - 这会创建一个闭包吗

Question

我知道这是经典的关闭方式:

var dvs = document.getElementByTagName("div");

for (var i = 0, len = dvs.length; i < len; i++) {
    dvs.onclick = (function(i_) {
        return function() {
            alert(i_);
        };
    })(i);
}

然而，在我的应用程序中，我经常感到困惑，我的应用程序是基于谷歌地图的。

var app = function() {}
app.prototype = {
    init: function() {
        this.map = ..;
        this.infowindow = ..;
    },
    initEvent: function() {
        var that = this;
        google.maps.event.addListener(map, 'click', function() {
            that.infowindow.open(...);
        });
    }
}

在 initEvent 方法中，我创建了一个名为 that 的变量来引用上下文 this，然后在回调函数中调用它。

这会创建一个闭包吗？

我认为是的，因为当函数addListener 返回时，仍然引用的变量that 被关闭。

这是真的吗？

Answer 1

从技术上讲，ECMAscript 中的每个 函数在被调用时都会创建一个闭包。这就是词法作用域 的工作方式。无需详细说明，充当点击事件 事件处理程序的匿名函数 会关闭其父上下文。其中之一是分配给 initEvent 的匿名函数。

所以，是的，内部函数创建了一个闭包，因此可以在其生命周期内访问 that。

Global Context <> initEvent <> click-event-handler

这就是作用域链的样子。