es6 if包裹的变量算不算块内

vartime=newDate()
functionfx(){
console.log(time)//undefined
if(false){
vartime='hello'
}
}
fx()

{
vara=1
console.log(a)//1
}
console.log(a)//1
//通过var定义的变量可以跨块作用域访问到。

for(vari=0;i
if 语句中 var 定义的变量在外部作用域可以访问

if(true){
	vara=3
}

if(false){
	varb=3
}
//3
console.log(a);
//undefined
console.log(b);

if(true){
	letc=3
}
//UncaughtReferenceError:cisnotdefined
console.log(c);

functionfxFn(){//这是一个块级作用域
letfx='fxisagreatgirl'
if(true){//这是一个块级作用域
letfx='fxis18yearsold'
}
console.log(fx)//fxisagreatgirl
}
fxFn()

//块级作用域之间相互不影响

ES6 允许块级作用域的任意嵌套。

{{{{
{
letfnn='Hello'
}
console.log(fnn);//报错
}}}};

上面代码使用了一个五层的块级作用域，每一层都是一个单独的作用域。第四层作用域无法读取第五层作用域的内部变量。

{{{{
letfnn='Hello';
{
letfnn='Hello'
}
}}}};

//IIFE写法
(function(){
vartmp='...';
//...
}());

//块级作用域写法
{
lettmp='...';
//...
}

//情况一
if(true){
functionf(){}
}

//情况二
try{
functionf(){}
}catch(e){
//...
}

上面两种函数声明，根据 ES5 的规定都是非法的。

functionf(){console.log('Iamoutside!');}

(function(){
if(false){
//重复声明一次函数f
functionf(){console.log('Iaminside!');}
}

f();
}());

上面代码在 ES5 中运行，会得到“I am inside!”，因为在 if 内声明的函数 f 会被提升到函数头部，实际运行的代码如下。

//ES5环境
functionf(){console.log('Iamoutside!');}

(function(){
functionf(){console.log('Iaminside!');}
if(false){
}
f();
}());

ES6 就完全不一样了，理论上会得到“I am outside!”。因为块级作用域内声明的函数类似于 let，对作用域之外没有影响。

//浏览器的ES6环境
functionf(){console.log('Iamoutside!');}

(function(){
if(false){
//重复声明一次函数f
functionf(){console.log('Iaminside!');}
}

f();
}());
//UncaughtTypeError:fisnotafunction

上面的代码在 ES6 浏览器中，都会报错。

//浏览器的ES6环境
functionf(){console.log('Iamoutside!');}
(function(){
varf=undefined;
if(false){
functionf(){console.log('Iaminside!');}
}

f();
}());
//UncaughtTypeError:fisnotafunction

考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。

//块级作用域内部的函数声明语句，建议不要使用
{
leta='secret';
functionf(){
returna;
}
}

//块级作用域内部，优先使用函数表达式
{
leta='secret';
letf=function(){
returna;
};
}

//第一种写法，报错
if(true)letx=1;

//第二种写法，不报错
if(true){
letx=1;
}

上面代码中，第一种写法没有大括号，所以不存在块级作用域，而let只能出现在当前作用域的顶层，所以报错。第二种写法有大括号，所以块级作用域成立。

//不报错
'usestrict';
if(true){
functionf(){}
}

//报错
'usestrict';
if(true)
functionf(){}