Javascript函数中的“ this”关键字

Question

我正在向单击的当前按钮添加一个活动类。活动类将按钮的背景色更改为绿色。 为什么将this关键字替换为btn[i]，在此代码中不起作用。但是，两者都将在for循环内吗？

var btns = document.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function(){
    var current = document.getElementsByClassName("active");
    current[0].className = current[0].className.replace(" active", "");
    this.className += " active"; // why replacing "this" with btns[i] won't work!
  });
}