某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也谁之销毁(全局执行环境直到应用程序退出——例如关闭网页或者浏览器时才会销毁。
通过之前的学习,我们知道通过函数作用域我们可以将内部的变量给隐藏起来,此时会使得外部作用域无法访问包装函数内部的任何内容。但是使用这种技术来隐藏作用域也带来了一些问题:首先,函数名也污染了所处的作用域;其次,必须每次显式调用函数。
而我们所期望看到的是这样的:函数不需要函数名(跟确切的说是函数名不会污染所在作用域);能够自动运行。值得庆幸的是,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