JS 函数的执行时机

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

 同步任务:

上一件事情没有完成,继续处理上一件事情,只有上一件事情完成了,才会做下一件事情 –> JS中大部分都是同步编程。

同步

    let a =1

    function fn(){console.log(a)}

    a=2

    fn()

按步骤执行

    1 将声明变量a并赋值为1

    2 声明函数fn

    3 将2赋值给a

    4 执行fn() 打印出a并结束 


 异步任务:

规划要做一件事情,但是不是当前立马去执行这件事情,需要等一定的时间,这样的话,我们不会等着他执行,而是继续执行下面的操作。

异步

    let a=1

    function fn(){ setTimeout(()=>{ console.log(a) },0) }

    fn()

    a=2

执行步骤

    1 声明变量a并赋值

    2 声明函数fn (不看略过看下一步)

    3 并执行fn() setTimeout为异步等待(跳到下一步)

    4 将a重新赋值=2

    5 所以步骤操作完了 然后来执行setTimeout() 打印出a //2 结束


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

let i=0

for(i=0;i<6;i++){

    setTimeout(()=>{

        console.log(i)

    },0)    

}

答:个人理解=>  在for循环中 先执行for循环第一行i=0 满足条件 执行i<6 满足条件执行里面内容( 里面内容遇到setTimeout() 由于它是定时器 需要等待执行" 即使设置它的值为0s,也是在for循环结束之后再执行的" )跳过serTimeout内容继续执行i++ 满足条件下一轮循环(后面循环遇到setTimeout同第一次一样跳过先不执行)直到i为6时 它不满足i<6的条件 退出for循环 再来执行setTimeout 执行时它的值为6 所以它得到的结果为6个6。

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

用let语法  (let为了满足新人的幻想出的奇葩的复制语法)

for(let i=0;i<6;i++){
    setTimeout(()=>{

    console.log(i)  // 1,2,3,4,5,6

    })
}


3 除了使用 for let配合,还有什么方法可以打印出0、1、2、3、4、5

for(var i=0;i<6;i++){

console.log(i)  用var 不配合setTimeout使用也可以

}

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

推荐阅读更多精彩内容

  • 什么是异步函数和同步函数 同步函数:当一个函数是同步执行时,那么当该函数被调用时不会立即返回,直到该函数所要做的事...
    sumuy阅读 322评论 0 0
  • JS函数中,对函数调用的时机不同,得到的结果也会不一样,例如 下面这段代码 : 执行结果如下 : 结果显示打印出来...
    云卷云舒听雨声阅读 229评论 0 0
  • 一、关于“打印6个6”的解释分析 ·首先声明变量i,并赋值为0·进行for循环,循环次数为6次·循环过程中,i的值...
    scotton阅读 74评论 0 0
  • 请问下面这段代码会打印什么结果 打印出6 个6解析:因为i作用域,不属于 for 循环体,属于 global;等到...
    Adder阅读 176评论 0 0
  • 为什么上面的代码会打印 6 个 6,这是因为setTimeout()是异步执行,即使delay值取的为0,也只是意...
    我愚蠢的理想主义啊阅读 152评论 0 0