JS函数的执行时机

一、关于以下几种输出值的总结：
前言：JS是一个单线程的解释器，因此在一段时间内只能执行一段代码，为了控制执行的代码，就有一个JS任务队列，这下任务会按照将它们添加到队列的顺序执行；
解释setTimeout：setTimeout(fn,time)中time会告诉JS过多久把当前任务添加到队列中。并不是执行到setTimeout就添加任务。如果队列为空，那么添加的代码会立即执行；如果队列不为空，那么它就要等前面的代码执行完了再执行
（注：浏览器如果遇到settimeout，会认为这是个异步任务，会先放到异步队列中，等同步任务执行后再执行异步队列。 同步 => 异步 => 回调**）

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

for(var i = 0; i<6; i++){
setTimeout(()=>{
console.log(i)
},0)
} //打印出6个6

前者let是一个块级作用域，let定义的i，对于每个for循环的执行来说都是一个全新的i（使用不同的内存地址），所以打印的时候得到0 1 2 3 4 5（即：let将i绑定到for循环快中，事实上它将其重新绑定到循环体的每一次迭代中，确保上一次迭代结束的值重新被赋值。setTimeout里面的function()属于一个新的域，通过 var 定义的变量是无法传入到这个函数执行域中的，通过使用 let 来声明块变量，这时候变量就能作用于这个块，所以 function就能使用 i 这个变量了；输出为0 1 2 3 4 5）

后者因为浏览器先执行for循环，每执行一次for循环，都会把一个setTimeout压入异步队列，当同步任务执行完后才会执行异步队列里的任务（同上注释），因此当主线执行完成后，i是6，所以此时再去执行任务队列里的任务时，所以输出6次6

let i = 0
for(i = 0; i<6; i++){
setTimeout(()=>{
console.log(i)
},0)
} //执行的结果为6个6

var i = 0
for(i = 0; i<6; i++){
setTimeout(()=>{
console.log(i)
},0)
} //执行的结果为6个6

前者不是说好let是块级作用域么，为什么又是一个全是6，因为这里let定义的地方就是全局作用域下，所以这里的i就是全局作用域，所以代码块对i就没有约束能力了，因为i是个全局变量，局部改变它的值就是改变全局变量的值，最后打印的i也是访问全局变量i打印其值，自然都是打印的同一个值。

后者var同上理

二、其他几种方式可以打印 0、1、2、3、4、5
①for in
let arr=[‘a’,‘d’,‘e’,‘f’,‘g’,‘q’]
for(i in arr){
console.log(i)
}

②forEach
let arr1=[‘0’,‘1’,‘2’,‘3’,‘4’,‘5’]
arr1.forEach(v=>{
console.log(v);
})

③let of
let arr2=[‘0’,‘1’,‘2’,‘3’,‘4’,‘5’]
for(let e of arr2) {
console.log(e);
}

④var indexOf
var arr3= [1,2,3,4,5,6,7];
var array= [];
// es5写法
for(var i = 1; i < numbers.length; i++){
array.push(arr3.indexOf(i));
}
console.log(array)

⑤var for
var arr4=[];
var n=0;
for(var i=0;i<5;i++){
n+=1;
arr4.push(n)
}
console.log(arr4)