JavaScript - 无法理解传递的位置

Question

以下代码应记录按下的正确按钮数。据说它确实如此。

for (var i = 0; i < 5; i++) {
  var btn = document.createElement('button');
  btn.appendChild(document.createTextNode('Button ' + i));
  btn.addEventListener('click', (function(i) {
    return function() { console.log(i); };
  })(i)); //line 4!
  document.body.appendChild(btn);
}

我不能得到的是（i）在第4行的用途。 它似乎并没有像我一样传递到任何地方。 请告诉我要阅读的内容，以便我能理解这一点。