效果域
在进入效果域的评论之前先明什么是效果域，经过一句话简略描绘便是：一组清晰界说的规矩，它界说如安在某些方位存储变量，以及如安在稍后找到这些变量
词法效果域
效果域的工作方式有两种占统治方位的模型。其中的h a Z V v第一种是最最常见，在绝大多数的编程言语中被运用的。它称为 词法效果域，咱们将深入检视它。另一种仍然被一些言语（比如 Bash 脚本，Perl 中的一些形式，等i _ ( n等）运用的模型，称为 动态效果域。
JavaScript采用的是词法效果域，这意味着效果域是编写时确认的，而不是运转时确认的，当然也能够经过诈骗来达到动态效果域，例如运用：eval、with等关键词
词法剖析
JavaScript的代码运转，并不是像你想象的逐行编译，而是在进行编译前会进行词法剖析。也就形成了咱们所说的词法效果域。
能够经过下面的来看：
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo(z M @);
}
bar();
// 结果是 ???
大多数人看到这个第一个反响结果是：输出2，可是需d 2 b f ) k求留意的是foo的效果域并不存在与bar函数中,因为JavaScript的效果域是词法效果域，所以并不能获取到bar函数中 var value = 2的声T H + r } W明。
下面咱们来简略描绘一下这段代码的履行进程：
- 在大局环境下声明晰
val] c K 3 & g t F -uG h : O # # Be变量、foo函数、bar函数 - 履行
bar函数，P O } - 在函数
bar内部声明晰value变3 b * [ a k量并赋值为2 - 履行，
foo函数 - 在函数内寻觅
value变量声明，未找到,向上一层效果域继续寻觅 - 在顶层效果域
windoL M i 7 x q N Xw下寻觅到了value变量，若直到顶层效果域任未找到则报错 - 输出结果
1
动态效果域
上面已经描绘了词法效果c Y 4 f H I域的工作方式，这儿咱们来稍微讲讲与词法效果域彻底敌对的动态效果域
咱们这儿就以bash为例：
value=f B +1
fun1 } + 0 ] Tction fo5 0 V @ [ ^ t Wo () {
echo $valueL e Z O ` d e 1;
}
function bar () {
local value=2;
foo;
}
bar // 2
咱们将上面代码保存为scope.bash的文件，经过履行bash scope.ba@ . y ; B f / gsh,最终输出1
变量提高
在代码履行前，引擎会在履U n 3 p * p j行前编译它。编译进a *程的一部分便是找到一切的声明，并将它们关联在合适的效果域上
例如这段代码：
a = 2;
var a;
console.lo_ 6 S 5 q H ! xg( a );
当你看到 var a = 2; 时，你或许以为这是一个句子。可是 JavaST A } G X 2cript 实际上以为这是两个句子：var a; 和 ax f i 3 O = 2;
- 第一个% r ` j句子，声明，是在编译阶段被s H 2 { X处理y 4 X V m的。
- 第二个句子，赋值，为了履行阶段而留在 原处。
所以能够以为代码被处理成这样了：
var a;
a = 2;
console.log( a );
关于这种处理的一个有些隐喻的考虑方式是，变量和函2 1 : p O数声明被从它们在代码流中出现的方位**“移动”到代码的顶端**。这就产生了**“提高”**这个名字
需求留意的是：提高是 以效果域为单位的
函数优先7 V G I Q U 1
函数声明和变量声明都会被提高。但一个奇妙的细节（能够 在拥有多个“重复的”声{ . ? u :明的代码中n c E 5 N A e 2出现）是，函数会首要被提高，然后才是变量。
foo(); // 1
var foo;
function foo() {
console.logA T V x( 1 );
}
foo = functionx b f E h z L M() {
console.log( 2 );
};
将会被V U #转变成：
function foo() {
console.log( 1 );
}
foo(); // 1
foo =c _ W | 5 s % function() {
console.log( 2 );
};
留意那个 vm B J S = q Car foo 是一个重复（因而被无视）的声明，即便它出现在 function` $ { foo()... 声明之前，因为函数声明是在一般变量之前被提高的。
虽然多个/重复的 var声明实质上是被忽略的，可是后续的函数声明确实会掩盖前一个。
function foo() {
console.log('a');
}
foo();
function foo () {
console.log('b');
}
实际上转i d Z 8 P u t变成了:
function fF Y M C B Hoo () {
console.logM - Q Z &('b');
}
foo();
闭包
闭包关于大多数熟练的JavaScript也算是一个模糊不清的概念，什么是闭包呢，闭包能给咱们带来什么好处和害处？
简略来说能够用一句话归纳闭包的特性与效果：闭包便是函数能够记住并拜访它的词法效果域，即便这个函数在它的词法效果域外履行
让咱们跳进代码来阐明这个界说：
function foo() {
vw G P far a = 2;
function bar() {
console.log( a ); // 2
}
bar();
}
foo();
上面的代码段被以为是函数 bar() 在函数 foo() 的效果域上有一个 闭包.换一种略有不同的说v ^ W @ N ? Q I法是，bar() 闭住了 foo() 的效果域。为什么？. 7 ! M )因为 bar() 嵌套地出现在 foo() 内部。就这么简略。
依据文章上面的效果域咱们知道，U ^ 3 n H ? p函数的效果域是编写时界说的而不是运转时决定的，所以咱们经过函数内h T i部回来函数) [ _ # 5 H 5 w !时，回来出来的函数的效果域链的起始方位仍然是那个函数内部。因为在函数外部对函数内部值存在z 9 引证的联系，垃圾收回机制并不会将变量收回而是会一直在函数内部引证。
闭包的特性
依据闭包的界说咱们能很容易记住其两大特色：
1、能够记住并拜访它的K ! ] o 2词法效果域
2、即便在它的效果域外履行
function foo() {
var a = 2;
function bar() {
console0 r 9 4.log( a );
}
return bar;
}
var baz = foo()+ c ! R 1 = M;
baz(); // 2 -- 哇噢，看到闭包了，伙计。
-
bar()被履行了，必定的。可是在这个例子中，它是在它被声明的词法效果域 外部 被履行的。 -
foo()被履行之后，一般说来咱们会d # / Z期望foo()的整个内部效果域都将消失，因为咱们知道 引擎 启用了 垃圾收回器 在内存不再被运用时来收回它们。因s i / F $ 5 ) M为很显然foo()的内容不再被运用了，所以看起来它们很自然地应该被以为是 消失了。 - 可是闭包的“魔法”不会让这发生。内部的效果域实际上 仍然 “在运用”，因而将不会消失。谁在运用它？函数
bar()自身。 - 有赖于它被声f A { p j H h明的方位，
bar()拥有一个词法效果域闭包掩. d p { | e h C ^盖着foo()的内部效果域，闭包为了能使bar()在以后恣意的时刻能够引证这个效果域而坚持它p b R的存在。 -
bar()仍然拥有对那个效果域的引证，而这个引证称为闭包。
闭包运用场景
无处不在的闭包
functi& g a M ; 2 ] + gon wait(message) {
setTimeout( function timer(){
console.log( message );
}, 1000 );
}
wait( "Hello, closure!" );
- 咱们拿来一个内部函数（名为 timer）将它传递给 setTimeA ~ W v G | Nout(..)。可是 timer 拥有掩N j g I y p _ & 7盖 wait(..) 的效果域的闭包，实际上坚持并运用着对变量 message 的引证。
- 在咱们履行 wait2 / $ w r X(..) 一千毫秒之后，要不是内部函数 ti0 U Z G Z Fmer 仍然拥有掩盖着 wait()i [ Q 内部效果域的闭包，它早就会消失了。
- 在 引擎 的内脏深处，内建的工具 setTiZ Q & Umeout(..) 拥有一些参数的引证，或许称为 fn 或许 func[ _ [ U / t k 或许其他诸如此类的7 3 ^东西。引擎 去调用这个函数，它调用咱们的内部 timer 函数，而词法效果域仍然完好无缺。
循环 + 闭包
for (var i=1; i<=5; i++) {
setTimeo0 ( { vut( fun= C _ { W - 4ction timer(){n W 2 | s C C 5
console.log( i );
}, i*1000 );
}
这段代码的精神是，咱们一般将 等待} ; = r U 它的行为是别离打印数字“1”，“2”，……“5”，一次一个，一秒P k : C 4 [ w一个
实际上，假如你运转这段代码，你会得到“6”被打印5次，一秒一个。
咱们企图 暗示 在迭代期间，循环的每次迭代都“捕捉”一p j v 6 g份对 i 的拷贝。可是，虽然一切这5个函数在每次循环t ; T迭代平分离地界说，因为效果域的工作方式，它们 都闭包在同一个共享的大局效果域上，而它事实F ! [ [ } L上只要一个 i
如t 8 X 9 g何处理h Y , h y这个问题呢，界说一个新的效果域，在每次迭代时持有值 i 的一个拷贝2 r U 2 l @ V 8。在新的匿名函数内部界说了一个新的局部效果域，i设置为了} @ G M ~ l i A每次遍历时的值，这样便不会继续往上遍历了。
for (var i=1; i<=5; i++) {
(func# $ z F 2 t ( + tion(q R g Qj){
setTimeout( function timer(){
console.log( j );
},A z E h g o ( V j*1000 );
})( i );
}0 q 3 k a
