JS 函数的执行时机

简介: JS 函数的执行时机

js是单线程的,所有任务需要排队,前一个任务结束,才会执行后一个任务。

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

执行的结果是6个6,而不是0,1,2,3,4,5

setTimeout函数是等一会再执行的意思,遇到这一句就把这句放到任务队列里,等所有的任务执行完了之后再立即执行setTimeout;等for循环执行完之后,此时i=6结束了执行,开始执行任务队列里的setTimeout,任务队列里此时已经有6个打印语句等待着执行,所以打印了六个6

可以把变量定义在for循环里,这样 每次循环都会多创建一个i 。打印的结果就会是0,1,2,3,4,5

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

还可以这样写,再setTimeout函数里写一个立即执行函数,每次循环时都会打印出i,打印出来的是0,1,2,3,4,5

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


目录
相关文章
|
19天前
|
JavaScript
|
27天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
27天前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
11 0
|
28天前
|
JavaScript
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
10 0
|
2月前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=&gt;`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
18 5
|
2月前
|
JavaScript 前端开发 网络架构
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
18 1
|
2月前
|
前端开发 JavaScript 数据处理
在JavaScript中,什么是异步函数执行的例子
在JavaScript中,什么是异步函数执行的例子
10 0
|
2月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
2月前
|
JavaScript 前端开发
JavaScript函数科里化
JavaScript函数科里化
|
1天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)