24.for循环的let和var

es6新增let命令用来声明变量,但是与var的区别是let声明的变量只在let所在的代码块里面有效[图片上传失败...(image-ecfc47-1526016908749)]
我一直很好奇的是在for循环里面使用let和var的那种神奇差别到底是怎么产生的,尤其是每次面试题里面出现这个,然后我只能回答的知其然而不知其所以然的时候,如鲠在喉,难过,好了今天看见一篇帖子嗯瞬间就明白了

• js是弱类型语言,我们可以看见变量 i 的类型会根据赋值的不同而改变

var i = 0;
(function () {
    console.log(typeof i);  
    i = 'zb';
    console.log(typeof i);  
    
}());
console.log(i + '$$$')
// number  --> 第一次在全局定义为number型
// string     --> 重新赋值以后变为string类型
// zb$$$

• 但是如果是for循环呢,你会发现会有所不同

console.log(i + '****');   
console.log(typeof i);

for (var i = 0; i < 3; i++) {
    
    console.log(typeof i);

    var i = 'qbc';
    console.log(typeof i);  

    console.log(i);    
}

console.log(typeof i);
console.log(i);
console.log(i + '$$$');  
// undefined****
// undefined  --> 初次未定义
// number     --> for循环定义为number型
// string        --> for循环内部修改为string型
// qbc
// number    -->但是为什么在外面还是被定义为number型,这真的是一个神奇的存在@2
// NaN
// NaN$$$
undefined

• @2 网上有一种说法就是for循环设置循环变量的那个作用域是父作用域,而循环体内部是一个单独的子作用域.