console 命令行工具 X clear

console

var btns = document.querySelectorAll('button');
// for (var i = 0; i < btns.length; i++) {
//   btns[i].onclick = function(){
//     console.log(i);  输出都是3
//   }
// }

////////////////闭包的方法

// for (var i = 0; i < btns.length; i++) {
//   (function(i){
//     btns[i].onclick=function(){
//       console.log(i);
//     }
//   })(i)
// }

for (let i = 0; i < btns.length; i++) {
  btns[i].onclick = function(){
    console.log(i);
  }
}

<button>
  1
</button>
<button>
  2
</button>
<button>
  3
</button>