JS中for循环的var声明的变量和let声明的变量

前言

 这是我的一个错题，接下来是我自己并且参考别人得出的理解，我相信这是一个初入编程小伙伴很容易困惑的一个问题，如有错误，请指出。

正文

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

var btns=document.getElementsByTagName("button");
for(var j=0;j<btns.length;j++){
	btns[j].onclick=function(){
	console.log(j+1);
	}
}

也就是说现在屏幕上有三个按钮，每个按钮从左到右依次是1,2,3，要求点击相应按钮弹出相应数字，不是靠写上去的数字文本实现的，而是靠对应的索引。
咋一看以为输出结果是依次，1，2,3，其实是3个4，下面开始解释。
因为JS中不存在块级作用域，也就是所这个写在for（）中的var并不是个局部变量，而是个全局变量，就好比

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

这样一个形式，不信可以试着在全局环境下输出一下j，是可以获取并且还有值。不仅如此，还存在一个程序执行先后的问题，也就是说先将循环运行结束，每次都能满足条件并且执行循环体，知道j=3的时候不满足了，跳出了循环，而这个j也就是一直保持着存储数字为3这样一个状态。这时候我点击了，我点击按钮（这个循环当你写完时就执行了，所以点击按钮这样一个操作是必然在后的），这时候btns[j]的j一调用其值就是3。每一次的循环的加一的操作都作用在同一个全局变量“j”中，那自然而然console.log(j+1);//3次输出结果为4.

如果改成let，将var改成let（ES6新增的），将for循环改成块级作用域，则每一次的"j"都是独立的赋值，这次的局部作用域与第二次循环的局部作用域互不影响，这次j=0，下次j=1，为何互不影响还可以累计值？因为JS底层的记忆机制。

但我也有些疑问，for为true循环体执行，是叫执行吗？既然是执行二字为何不输出语句呢，不自己点击呢，触发和执行可能是有区别的，有懂的小伙伴可以留言。