美文网首页
JS 函数的执行时机

JS 函数的执行时机

作者: 快到碗里 | 来源:发表于2020-01-11 18:11 被阅读0次

一、 解释为什么如下代码会打印 6 个 6

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

setTimeout函数会优先执行之前的事件,最后再执行后续的事件。而之前的事件是i循环,显然得等i循环执行完毕再执行打印出i的这个函数,当i等于5时,因为小于6会再执行一次,直到i等于6,一共执行了6次,根据前面所诉会打出6个6,而非6个5。

二、写出让上面代码打印0、1、2、3、4、5的方法

如果对于for循环使用setTimeout()的循行结果不满意,我们就是要打印0、1、2、3、4、5呢?
可以这样写

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

因为在for语句里用let声明变量是局部变量遵循块作用域,所以每次for循环执行时都会生成一个单独的作用域,也会生成一个新的i,相当于有6个i。 此时,每次执行setTimeout()时都会打印出对应的i,打印结果就是0、1、2、3、4、5了。

三、其他方法可以打印出 0、1、2、3、4、5

let i = 0;
while (i < 5) {
  i++;
  console.log(i)
}

相关文章

  • 2020-11-07

    JS 函数的执行时机 函数的执行时机不同结果也会不同,js也分为同步执行和异步执行 简单的举几个同步执行例子1、 ...

  • JS函数的执行时机

    JS函数的执行时机 在解释JS函数的执行时机之前,先来看一个例子 将console.log打印出来是什么呢?答案是...

  • JS函数执行时机

    请问下面这段代码会打印什么结果 打印出6 个6解析:因为i作用域,不属于 for 循环体,属于 global;等到...

  • JS 函数的执行时机

    1. 常见的面试题代码解释 // 6 个 6JS是单线程运行的,setTimeout(code,millisec)...

  • JS 函数的执行时机

    为什么打印出6 个 6? setTimeout 会过一段时间才去执行,这时候for已经循环完了所以打出6个6 为什...

  • JS 函数的执行时机

    1 解释为什么如下代码会打印 6 个 6 变量i在for循环中执行i++. 最后一次i++ ,i=6,for循环不...

  • JS 函数的执行时机

    1 解释为什么如下代码会打印 6 个 6 -函数一共会执行6次循环,每次循环到i = 6的时候就打印出值-在有se...

  • JS函数的执行时机

    JS函数中,对函数调用的时机不同,得到的结果也会不一样,例如 下面这段代码 : 执行结果如下 : 结果显示打印出来...

  • JS 函数的执行时机

    结果:6个6原因:setTimeout表示尽快执行,即要做完当前的事情再执行,而此代码里当前事情只有for里面的事...

  • JS 函数的执行时机

    一、为什么如下代码会打印出六个6 setTimeout是指过一会儿再执行,也就是循环执行完再打印,当循环6次后,i...

网友评论

      本文标题:JS 函数的执行时机

      本文链接:https://www.haomeiwen.com/subject/rkcbactx.html