总结:
1,先关注类型再关注值
2,一行不要做两件事(拆)
一,
for (var i = 0; i < 5; i++) {
//下面是在执行console的一个函数log(),输出i,return出undefined的值,总的来说下面是在执行函数(同立即执行函数)
console.log(i);
}
输出:0,1,2,3,4
注意:
1,输出结果和返回值是两个 不同的值
2,说明console是一个对象
log()是console对象的一个函数
二,
for (var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000 * i);
}
输出:5个5
注意:
1,第一次循环,设置了一个闹钟 0ms。第二次循环,设置了一个闹钟1000ms。。。共设置了5个闹钟
2,注意setTimeout的作用是,闹钟时间到了,执行函数,下次时间到了,执行函数。。。共执行了5此函数
3,为什么5次输出都是5呢?
因为console.log输出的是一个全局变量i
实际情况是:
0毫秒 console.log(i) //i=0
1000毫秒 console.log(i) //i=1~4不定值
2000毫秒 console.log(i) //i=1~4不定值
3000毫秒 console.log(i) //i=1~4不定值
4000毫秒 console.log(i) //i=1~4不定值
最后:i的值是5,并且它可以被下次什么东西给执行,这个时候循环结束,下面的执行就是settimeout的作用了,它的作用是把设置的5个闹钟一次性敲响,敲响了5个,输出i,但这个时候的i值已经是5了
要记住,console.log输出的是一个全局变量,所以会被后面的赋值覆盖,但是这个是setTimeout,时间到,执行函数,所以积累了5个函数执行动作要执行,1000~4000应该输出的值不一定是确定的1,2,3,4,,但是,输出的这个i,确定会被最后的5覆盖。
三,
for (var i = 0; i < 5; i++) {
(function(i) {
setTimeout(function() {
console.log(i);
}, i * 1000);
})(i);//传入的这个i是每次循环的具体一个值,声明是在for里面
}
根据上面的解释,循环体里面是一个函数的执行并且有形参
循环第一次,i=0:
传入参数值0,第一步是var i「function(i)中的i」,第二步i=0,第三步console.log(i)等待输出所以,这里把传入的i保存下来了
循环第二次,i=1:
传入参数值1,第一步是var i,第二步i=1,第三步console.log(i)等待输出
。。。
所有输出:0,1,2,3,4
重点:
1,所以,这里的i每次循环都在函数内部声明了一次,这里把传入的i保存下来了
2,尽管最后一次的i=5,但是这个i值并不能覆盖函数内部的变量
四,
for (var i = 0; i < 5; i++) {
(function() {
setTimeout(function() {
console.log(i);
}, i * 1000);
})(i);
}
拆开:
这里,确确实实每次输入的值是当前循环的i但是,console.log(i),这个i是一个全局变量,所有最后的输出会被最后的i值5全部覆盖
五,
for (var i = 0; i < 5; i++) {
setTimeout((function(i) {
console.log(i);
})(i), i * 1000);
}
输出:0,1,2,3,4
六,
setTimeout(function() {
console.log(1)
}, 0);
new Promise(function executor(resolve) {
console.log(2);
for( var i=0 ; i<10000 ; i++ ) {
i == 9999 && resolve();
}
console.log(3);
}).then(function() {
console.log(4);
});
console.log(5);
下面这句没有任何意思,只是判断而已
resolve()没有任何返回值
i == 9999 && resolve();
步骤:
1,setTimeout入栈
2,声明函数 executor,打印2,new promise
3,for循环
4,等待for循环执行完毕,打印 3,打印5
5,for执行完后,调用Promise.resolve()