JS函数的执行时机

函数执行的时机不同,运行结果也不同。

let i 
for(i = 0; i<6; i++){
 setTimeout(()=>{   
 console.log(i)   
},0)
 }  //6、6、6、6、6、6

以上代码打印出的是6个6而非0 1 2 3 4 5,这是因为for循环在主线程内,setTimeout是异步方法,在任务队列里面,只有主线程执行完后,任务队列才执行,当for执行结束时候,此时的i值已经是6,所以得此时console.log出的是6个6。

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

let只在代码块内才有效,let只能声明一次。变量i是用let声明的,当前的i只在本轮循环中有效,每次循环的i 其实都是一个新的变量,所以setTimeout定时器里面的i,其实是不同的变量,即最后输出0-5。每次循环的变量i都是重新声明的,通过JavaScript 引擎内部记住前一个循环值,来知道前一个循环的值。

for(var i = 0; i<6; i++){  
 setTimeout(()=>{    
 console.log(i) 
 },0) }// 6、6、6、6、6、6

可能会疑惑为何以上代码和代码2代码基本相同,不同的是一个是var,一个是let。因为同一作用域let只能声明一个同一变量名称的变量,他不得不通过调用栈把它们存起来,而var会直接覆盖。

其他几种方式可以打印 0、1、2、3、4、5的方法

  1. for in
let arr=['a','d','e','f','g','q']
for(i in arr){
console.log(i)
}
  1. forEach
let arr1=['0','1','2','3','4','5']
arr1.forEach(v=>{
console.log(v);
})
  1. let of
let arr2=['0','1','2','3','4','5']
for(let e of arr2) {
console.log(e);
}
  1. 立即执行函数
let i = 0
for (i = 0; i < 6; i++) {
  !function (i) {
    setTimeout(() => {
      console.log(i)
    }, 0)}(i)
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值