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声明变量，该变量是局部的，并且没有变量提升

posted @ 2018-07-04 12:35  bonly-ge  阅读(3429)  评论(6)  编辑  收藏  举报