某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也谁之销毁（全局执行环境直到应用程序退出——例如关闭网页或者浏览器时才会销毁。
通过之前的学习，我们知道通过函数作用域我们可以将内部的变量给隐藏起来，此时会使得外部作用域无法访问包装函数内部的任何内容。但是使用这种技术来隐藏作用域也带来了一些问题：首先，函数名也污染了所处的作用域；其次，必须每次显式调用函数。
而我们所期望看到的是这样的：函数不需要函数名（跟确切的说是函数名不会污染所在作用域）；能够自动运行。值得庆幸的是，JavaScript提供了方法以实现上述两个目标：立执行函数表达式(IIFE)。
先不讨论立执行函数表达式的细节，这里我们先讨论一下弄清函数表达式和函数声明的重要性。我们知道函数声明可以声明提升，函数声明必须使用具名函数。那么问题来了，怎么区分函数声明和函数表达式呢？答案就是：看function关键字出现在整个声明中的位置，如果function是出现在整个声明中的第一个词的话，那么他就是一个函数声明，否则就是一个函数表达式。
匿名函数和具名那个函数相比较的缺点：1.栈追踪时没有有意义的函数名，使得调试困难；2.忽略了可读性。所以，我们需要记住的时：始终给函数表达式命名是一个最佳实践。所以说，使用具名函数的立执行函数也是更加值得推广。像下面这样：
var a = 2;
(function IIFE(){var a = 2; console.log(a);})();//3
console.log(a);//2
将IIFE用于UMD。
var a = 2;
(function IIFE(def){def(window);})(function def(global){
var a = 3;
console.log(a);
console.log(global.a);
});
1.块作用域
JavaScript中并不存在什么块作用域，所以像下面这样的语言结构尽管在其他语言里面代表了块作用域，但是在JavaScript中他什么都不是。比方说：
for(var i = 0; i < 10; i++){
console.log(i);
}
需要指出来的是，这里的变量i并不是在for块中生存的。更进一步说明的话，如果这个for是在全局作用域被调用的话，那么变量i就属于全局作用域。WTF
var foo = true
if(foo){
var bar = foo * 2
bar = fun(bar)
console.log(bar)
}
上面的bar声明简直就是莫名其妙对吧，明明没有块作用域，却一本正经的在一个块中声明变量，用这种写法很容易使我们产生误解。所以必须谨记的是：除了某些特殊情况之外，并不存在什么块作用域。
当然，如果你细究JavaScript的话，那么还是会发现存在某些特殊的块作用域的。总结来说，也就下面这几种场合之下：
- try/catch的catch块
- let
- const
try/catch中的catch块
try/catch中的catch块会创建一个块作用域，其中声明的变量仅在catch块中有效：
try{
undefined()//TypeError
}catch(err){
console.log(err)
}
console.log(err)//ReferenceError
从上面的例子，我们可以看出在catch块中声明的err变量仅在catch代码块中能被访问的到，在外界访问的话直接就reference error了，所以说catch代码块可以形成一个块作用域。
let和const
在ES6中新引入的let和const关键字所定义的变量仅存在定义位置所在的那个代码块，所以说这个时候也形成了一个块作用域。举个例子：
var foo = true
if(foo){
let bar = foo * 2
bar = fun(bar)
console.log(bar)
}
console.log(bar)//referenceerror
利用let和const定义变量的时候，均不会使得变量进行声明提升。看个例子：
{
console.log(bar)//referenceerror
let bar = 2
}
{
console.log(baz)//undefined
var baz = 2
}
关于作用域问题的总结，除了某些特殊的情况之外是不存在块作用域的。这些特殊情况分别是：try/catch，let，const。
END
网友评论