关于for循环中定义的function影响局部变量的作用域的问题

老师代码中遍历所有点击，且绑定点击事件，点击圆点切换图片的功能代码提到
	for(var d=0;d<pics.length;d++)
	{
		dots[d].onclick=function(){
			alert(d);
		}
	}

这里面使用弹出的是值为3，老师说的原因是因为function会影响b的作用域，没查到相关的资料，不知道这个到底是哪个知识点影响的，希望老师能够详细的讲解一下发生这个的原因，或者提供资料链接也行。

个人一开始想的是整个for循环只是给圆点绑定的click事件，并没有真正触发alert，所以d的值一值在++，直到d超出范围，但是这个d并没有就此释放（希望老师解释一下这个，d不是一个局部变量吗），最终在真正点击圆点的时候，就触发了事件，alert出d的值，为3.

上面的代码块中，将b变量用let定义，最终弹出的b的值就是 0 1 2没有问题，这里let的作用域是块，let是块级作用域，函数内部使用let定义后，对函数外部无影响。为什么这里就没有问题呢？