if 和 for 声明变量的作用域

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

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

console.log(name);  // 输出为空
aa()
function aa(){
    if(true){
    console.log(name); // 输出为undefined
    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