js 中 setTimeout相关输出问题（本人在面试快手时遇到过）

下面这道题的输出结果是什么？为什么？怎么改成顺序打印 1,2,3,4,5，还有其他方法吗？

for (var i = 1; i < 6; i++) {
  setTimeout(() => {
    console.log(i);
  })
}

1、输出：6 6 6 6 6

2、原因：我们js是单线程的，在从上到下的执行过程中，先执行了我们的for(),然后去任务队列中把我们这个定时器函数拿出来进行一个执行，这时候呢i就等于6了，会输出5个6。

3、解决办法：

（1）首先最简单的方法，就是把for循环中的var改成let，每一次循环都会重新声明变量i，随后的每个循环都会使用上一个循环结束时的值来初始化这个变量i。

 for (let i = 1; i < 6; i++) {
      setTimeout(() => {
        console.log(i);
      })
    }

（2）使用闭包（立即执行函数）

for (var i = 1; i < 6; i++) {
      (function (i) {
        setTimeout(() => {
          console.log(i);
        })
      })(i)
    }

（3）使⽤ setTimeout 的第三个参数

 for (var i = 1; i < 6; i++) {
      setTimeout(function(i){
        console.log(i);
      },0,i)
    }

第三个参数 就是给setTimeout第一个函数的参数