1:var let 在for循环中声明变量的区别
参考
首先提一下setTimeout()
setTimeout()是以异步的方式执行的。在执行for循环的时候,并不是执行一次for循环就立刻执行一次setTimeout(),而会让setTimeout()进入另一条线程进行等待,当主线程执行完后,setTimeout()再依次执行。
for循环var:
var是全局变量,每次都会重新声明,他不是块级作用域,每次得到的结果都会覆盖上一次的结果。因此最后成了一个死值。
变量i是var声明的,是一个全局变量,而函数内部的console.log(i),里面的i指向的就是全局的i。也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值.
函数只有调用才会起作用,调用的时候i已经是5了,无论调用数组里边的哪个函数都是输出5.
for循环let:
对于for 循环来说,每一次的迭代都是重新声明一个全新的变量i,只是赋的值是上一次迭代完成时的值,这样的话,循环体内获取到的i, 每次也都是全新的变量i,而不是像使用 var 声明时得到的是全局变量,并且,每一次迭代完成后,i 变量就消失了。
变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。你可能会问,如果每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值,从而计算出本轮循环的值?这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。
举例:
for(var i = 0; i < 5; i++) {
setTimeout(function(){
console.log(i);
},1000);
}
// 555555
解释:因为同步队列的for循环执行完成才轮到异步队列, 每一次for循环的时候,settimeout都执行一次,但是里面的function(闭包函数)没有被执行,而是被放到了任务队列里面,等待执行,当i累加到5的时候跳出循环。此时全局只有一个变量i=>5,所以打印出来都是5。
for(var i = 0; i < 5; i++) {
setTimeout(function(){
console.log(i);
},1000);
}
// 01234
原理:let的变量只在一次循环中有效。
换汤不换药:h5中的新函数:用来取代setTimeOut,解决事件不准确的问题:
for(let i = 0; i < 5; i++) { requestAnimationFrame(() => console.log(i))}
//01234
2:变量
if('a' in window) {
var a = 10;
}
alert(a);
弹出10,变量提升
function getThis() {
return this;
}
var obj = getThis();
alert(obj);//[object window]
obj:得到window.
var a = 10;
function MyObject() {
}
MyObject.prototype.show = function() {
var ta = this.a || a;
console.log(ta);
}
MyObject.prototype.a = 7;
var newobj = new MyObject();
newobj.a = 5;
newobj.show();
MyObject.prototype.show();
var s = new newobj.show();
输出 5,7 ,10