蓝桥杯标签跳转问题var转let

Question

先问一下let为什么写var失效了
感觉和let订死区间没什么关系求解

// 实现选项卡功能
function init() {
  // TODO 待补充代码
  var tabs = document.getElementsByClassName("tabs")[0].children
  var card = document.getElementById("content").children
  for (let index = 0; index < tabs.length; index++) {
    tabs[index].onclick = function () {
      for (let j = 0; j < tabs.length; j++) {
        tabs[j].classList.remove("active")
        card[j].classList.remove("active")
      }
      tabs[index].classList.add("active")
      card[index].classList.add("active")
    }
  }
}
init();

Answer 1

var是函数作用域，而let是块作用域。在函数内声明了var，整个函数内都是有效的，在for循环内定义了一个var变量，实际上其在for循环以外也是可以访问的，而let由于是块作用域，所以如果在块作用域内（for循环内）定义的变量，在其外面是不可被访问的。