if 和 for 声明变量的作用域

1.var在if语句内声明变量

console.log(name);  // 输出为bonly
if(true){
    console.log(name); // 输出为bonly
    var name="bonly";
    console.log(name); // 输出为bonly
}
console.log(name); // 输出为bonly

console.log(name);  // 报错
function aa(){
    if(true){
    console.log(name); // 输出为bonly
    var name="bonly";
    console.log(name); // 输出为bonly
  }
  console.log(name); // 输出为bonly
}
console.log(name); // 报错

小结：在if内用var声明变量，虽然if后面是块级作用域，但是var声明的变量不支持块级作用域，该变量会向上冒泡到支持的作用域范围，也就是函数作用域和全局作用域

2.var在for语句内声明变量

console.log(i); // 输出为undefined
for (var i=0;i<5;i++) {
    console.log('内部获取的'+i);
}
console.log('外部获取'+i); // 输出5

小结：在for循环内用var声明变量，该变量也是全局的

3.let在if语句内声明变量

console.log(name); // 空，没有报错
if(true){
    let name="bonly";
    console.log(name); // bnonly
}
console.log(name); // 空，没有报错
 
 // 千万注意，别以为是文档定义错了，这里没有报错的原因是window对象上有name属性，并且为“”，坑不坑 

console.log(aaa); // 报错
if(true){
    console.log(aaa); // 报错
    let aaa="bonly";
    console.log(aaa); // bnonly
}
console.log(aaa); // 报错

小结：在if内用let声明变量，该变量是局部的，并且没有变量提升

4.let在for语句内声明变量

console.log(i); // 报错
for (let i=0;i<5;i++) {
    console.log('内部获取的'+i);
}
console.log('外部获取'+i); // 报错

小结：在for内用let声明变量，该变量是局部的，并且没有变量提升

转载于:https://www.cnblogs.com/bonly-ge/p/9262715.html