JS的执行时机

  1. 以下代码输出结果以及原因
let i = 0
for(i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}
//输出6、6、6、6、6、6(6个6)

首先在for循环之前let i定义了变量i,setTimeout(code,millisec)方法用于在指定的millisec毫秒数后调用函数或计算表达式。在执行for循环时,执行了6次setTimeout 后打印i,真正打印i的时候,i的值已经执行完了循环变成了6,所以打印出来6个6

  1. 0、1、2、3、4、5 的方法
for(let i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

在for循环中定义变量i,每次执行循环时i都会被复制一份,留在执行环境内,所以不影响上一次循环的变量i

  1. 除了使用 for let 配合,其他方法可以打印出 0、1、2、3、4、5的方法
for(let i = 0; i<6; i++){
! function(){
    console.log(i)
  }(i)
}

每次执行循环时i作为参数传进局部函数,形成闭包,上一次的循环i不会被影响

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS执行时机与闭包 简单来说,JS在执行代函数的时候,由于某些变量的值会改变,所以在不用的时间,不同位置执行函数结...
    雨溪滩阅读 2,325评论 0 0
  • eg1:为什么如下代码会打印 6 个 6 因为setTimeout的意思是过一会执行,当for循环6次后,时间到了...
    郑馋师阅读 2,732评论 0 0
  • 一、为什么如下代码会打印 6 个 6 ? let i = 0for(i = 0; i<6; i++){ setTi...
    大鱼JOHN阅读 1,404评论 0 0
  • 函数执行时机不同,运行结果也不同 同步任务: 上一件事情没有完成,继续处理上一件事情,只有上一件事情完成了,才会做...
    卢卢2020阅读 1,625评论 0 0
  • JS函数中,对函数调用的时机不同,得到的结果也会不一样,例如 下面这段代码 : 执行结果如下 : 结果显示打印出来...
    云卷云舒听雨声阅读 1,527评论 0 0