学习阶段2--js的作用域和闭包

在ES6中新增的新特性里面提到了let和const的用法，提到了关于作用域，那么什么是js的作用域呢？

js的作用域

ES5中只有全局作用域和函数作用域，没有块级作用域，ES6中多一个let，可以保证外层块不受内层块的影响。即内层块形成了一个块级作用域，这是let的特点。

var a=1;
function f1(){
   var b=2;   
   function f2(){ 
     var c=b;
     b=a;
     a=c; 
     console.log(a,b,c);
}  
f2();
}
f1();//2,1,2

复制代码

全局环境下有一个变量a和一个函数f1()，在f1环境中，有一个变量b和一个函数f2()，在f2环境中有一个变量c。但在f2中，可以访问到f1环境中的b，也可以访问到全局环境中的a，在f1中，可以访问到全局环境下的a，但不可以访问f2中的c，在全局中，不可以访问f1中的b也不可以访问f2中的c，这就是一个作用域链。

函数的内部环境可以通过作用域链访问到所有的外部环境，但是外部环境却不可以访问外部环境，这就是作用域的关键。作用域是在一个函数创建时就已经形成的，而不是调用时。

闭包

在学习了上面的作用域之后，我们来看一个下面的代码：

function f1(){
    	var n=999;
    	function f2(){ 
            alert(n); 
        } 
        return f2;
    }
    var result = f1(); 
    result(); 

上面的代码f2函数被声明在了f1函数内部，这就是我们要学的闭包。
闭包的用处主要有两个：
1.可以读取一个函数内部的变量；
2.让变量的值始终保存在内存中：

 var nAdd;
    function f1(){
    	var n=999;
    	nAdd=function(){ 
            n+=1; 
        }
    	function f2(){ 
            alert(n); 
        }
    	return f2;
    }
    var result=f1();
    result(); 
    nAdd();
    result();

f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1和它的局部变量也始终在内存中，不会在调用结束后，被垃圾回收机制回收。
使用闭包时要注意几点：
1.由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题。解决方法是，在退出函数之前，将不使用的局部变量全部删除（将闭包内部的变量设置为null，让变量失去引用，会被系统自动回收）；
2.闭包会导致在父函数外部，能够改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），一定要小心，不要随便改变父函数内部变量的值。