for循环绑定单击响应函数的理解与解决办法

首先看例子
采用for循环遍历来给btn加监听，这样写的话，每一个按钮输出的都是一样的，而且都是最后一个i
这是因为js的执行原因

js事件循环模型

先知道js这个事件处理的模型 如下图 js是单线程的 浏览器是多线程应用所以它利用自己的多线程绑js分担一点 eg.dom事件绑定、ajax、定时器等。
我们之前写的js都是同步的，就是按照顺序执行的代码。但是分出去的代码就是异步的，即不按照我们在js文件里面书写的顺序执行。先执行js主线程里面的代码，等到事件发生了，分线程将任务放入Callback Queue的末尾进行排队。js主线程按照先进先出的顺序 一个一个取出执行（事件轮询）

原因

上面那个例子用for循环给btn绑定就是应该是同步，但是执行回调函数是异步，要等到点击btn的时候才会进入回调队列。要先执行for循环，再执行回调函数，所以执行回调函数是打印的i都是最后的i
解决方法：https://blog.csdn.net/weixin_45834446/article/details/104425477