JS函数的执行时机
let i = 0
for(i = 0; i<6; i++){
setTimeout(()=>{
console.log(i)
},0)
}
以上代码的执行结果应该是6、6、6、6、6、6
首先分析代码,for循环遍历,首先声明一个变量 i=0 ,当 i <6 时,setTimeout(()=>{ console.log(i) },0)
,setTimeout有等会再执行的意思。这个代码的意思是尽快打印出来(当代码运行结束立马打印出来),然后 i++ 。当 i >= 6 时,退出循环,这时候结果被尽快打出来了 ,因为这个时候i = 6,所以被打印出了6、6、6、6、6、6
想要运行结果为0、1、2、3、4、5、6 ,以下代码可以实现。因为 JS 在 for 和 let 一起使用时会加东西,每次循环时会多创建一个 i
for(let i = 0; i<6; i++){
setTimeout(()=>{
console.log(i)
},0)
}
除了使用 for let 配合,还有什么其他方法可以打印出 0、1、2、3、4、5
1. let person ={
name:'justin'
f(){
console.log(this.name)
}
}
person.f.call({name:'0'})
person.f.call({name:'1'})
person.f.call({name:'2'})
person.f.call({name:'3'})
person.f.call({name:'4'})
person.f.call({name:'5'})
2. function fn(x){
if(x<6){
return x
}
}
fn(1)
fn(2)
fn(3)
fn(4)
fn(5)