js作用域

作用域
全局作用域，作用域链，在自身找不到向上级找，再到全局找，都找不到，报错

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

  var btn = document.querySelectorAll('button');
  for (var i = 0; i < btn.length; i++) {
      btn[i].onclick = function () {
          alert(i);
      }
  }
  var i = 6;
  // 点击 button后，输出的都是 6 ，因为 里面 alert 的 i ，是一个全局变量，
  // 等到点击的时候，已经for循环完毕，赋值为6了
-------------------------------------
var btn = document.querySelectorAll('button');
var i = 6;
for(var i = 0 ; i<btn.length; i++){
    (function(index){
        btn[index].onclick = function(){
        alert(index)
    }
    })(i)
}
var i = 6;变量
// 点击 button ，输出  0 1 2 3 
因为闭包，i是一个局部变量，循环出了 几个不同的闭包函数，
这个i的值，保存在函数作用域内，取值的时候，函数内有，就用函数的
---------------------------------------

var btn = document.querySelectorAll('button');
   var i = 6;
   for(var i = 0 ; i<btn.length; i++){
       fn(i);
   }
   var i = 6;
   function fn(index){
       btn[index].onclick = function(){
           alert(index)
       }
   }
// 这样，也是在函数内，0 1 2 3