js中方法内部全局变量的赋值问题

在button绑定的onclick事件里对前面命名的index变量进行赋值，无论是点击以前还是点击以后控制台输出的值都是0.这使我很迷惑，如何在绑定的事件中改变外界的全局变量呢？
而且我在事件里增加console.log(index)发现这个语句并没没有用，只有在事件外才能起作用，这是什么原因呢？不仅是console.log（index）。普通的console.log("hello")都没有用，也就是说在这里面我也没办法用consol.log

console.log(index) 这句话 写在 function里面才可以看到 你的点击事件 之后的值
比如

document.querySelector( 'button').onclick = function() { 
  index=100;
  console.log(index);
}

你都还没点击，你的那个index就已经打印了，你每次点击，又没有重新执行console.log，当然看不到变化