JS作用域、作用域链与闭包详解

作用域就是变量与函数的可访问范围量

作用域有全局作用域和局部作用域两种

全局作用域：在代码中任何地方都能访问到的对象拥有全局作用域

局部作用域：一般只在固定的代码片段内可访问到。最常见的是在函数体内定义的变量，只能在函数体内使用。

在函数体内，局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名，那么全局变量就被局部变量所遮盖。

 

声明提前：JavaScript 函数里声明的所有变量（但不涉及赋值）都被「提前」至函数体的顶部
 

由于 JavaScript 没有块级作用域，因此一些程序员特意将变量声明放在函数体顶部，而不是将声明靠近放在使用变量之处。这种做法使得他们的源代码非常清晰地反映了真实的变量作用域。

 

var color = "blue";
function changeColor(){  
  var anotherColor = "red";   
  function swapColors(){       
    var tempColor = anotherColor;       
    anotherColor = color;       
    color = tempColor;  // 这里可以访问color、anotherColor和tempColor    
  }    // 这里可以访问color和anotherColor，但不能访问tempColor    
  swapColors();
}// 这里只能访问colorchangeColor();

全局环境、changeColor() 的局部环境和 swapColors() 的局部环境。全局环境中有一个变量 color 和一个函数 changeColor()。changeColor() 的局部环境中有一个名为 anotherColor 的变量和一个名为 swapColors() 的函数，但它也可以访问全局环境中的变量 color。swapColors() 的局部环境中有一个变量 tempColor，该变量只能在这个环境中访问到。无论全局环境还是 changeColor() 的局部环境都无权访问 tempColor。然而，在 swapColors() 内部则可以访问其他两个环境中的所有变量，因为那两个环境是它的父执行环境。

内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。每个环境都可以向上搜索作用域链，以查询变量和函数名；但任何环境都不能通过向下搜索作用域链而进入另一个执行环境。

 

闭包：

由于在 Javascript 语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成定义在一个函数内部的函数。

用处有两个，一个是可以读取函数内部的变量（作用域链），

另一个就是让这些变量的值始终保持在内存中。

function fun() {　　　       
        var n = 1;                                         
        add = function() {    //add 是一个全局变量，add 的值是一个匿名函数。而这个匿名函数本身也是一个闭包，和 fun2 处于同一作用域，
所以 add 相当于是一个 setter，可以在函数外部对函数内部的局部变量进行操作        
            n += 1    
        }   
        function fun2(){       
            console.log(n);   
        }   
        return fun2;
} 
      var result = fun();　　
      result(); // 1
      add();
      result(); // 2   

---

 

使用闭包解决一些问题：

var add = function() {
    var counter = 0;
    var plus = function() {return counter += 1;}  //闭包 
    return plus;
}

var puls2 = add();
console.log(puls2());
console.log(puls2());
console.log(puls2());

 

计数器 counter 受 add() 函数的作用域保护，只能通过 puls2 方法修改。

使用闭包的注意事项

• 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在 IE 中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除或设置为 null，断开变量和内存的联系。
• 闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（public method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。