JavaScript语言是一门“单线程”的语言,就像一条流水线,要么加工,要么包装,不能同时进行多个任务和流程,同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。
同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务
异步任务指的是,不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。
具体来说,异步运行机制如下:
(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。
(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。
(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。
(4)主线程不断重复上面的第三步。
只要主线程空了,就会去读取"任务队列",这就是JavaScript的运行机制。这个过程会不断重复。
举例如下
let i
for( i = 0; i<6; i++){
setTimeout(()=>{
console.log(i)
},0)
}
执行结果为6,6,6,6,6,6
变量i是在全局声明的,所以setTimeout中的i,指向的就是全局的i。先走完整个循环,这时 i 已经变成了 6,才开始执行 6 个 console.log(i),所以最后的结果也就是6个6。
如果想打印出0,1,2,3,4,5
for(let i = 0; i<6; i++){
setTimeout(() => {
console.log(i)
}, 0)
}
在for语句里用let声明变量i是局部变量遵循块作用域,相当于有6个 i。 此时,每次执行setTimeout()时都会打印出对应的i,打印结果就是0、1、2、3、4、5了。
用其他方法打印0,1,2,3,4,5 ,参数传递
for(var i = 0; i<6; i++){
!function(j){
setTimeout(()=>{
console.log(j)
},0)
}(i)
}