js闭包相关

参考文章：深入理解javascript原型和闭包（完结） ，链接里的内容讲解的很详细。我的这篇文章为了尽量把结合自己的理解用文字记录下来。

说闭包之前，要提到变量和作用域。

变量分为全局变量和局部变量。全局变量也就是函数外部声明的变量，如果一个变量没有用var声明，则会被识别为全局变量。比如name = 'Mike';

局部变量是函数内部的变量，函数执行完之后就消失。

作用域也分为全局作用域和函数作用域，js没有块级作用域。

当函数内部的变量值会优先在函数声明时的作用域寻找，并非调用时候的作用域（很关键）！！！

在内部未找到的变量声明时会到父级作用域中去找，如果还没找到继续往父级找直到全局作用域。

函数如果在自身内部作用域有重新声明，同名的全局变量会失效，采用的是函数内部作用域里的变量。如

var name = 'World!';(function () {    if (typeof name === 'undefined') {        var name = 'Jack';   ///important         console.log('Goodbye ' + name);    } else {        console.log('Hello ' + name);    }})();  //print Goodbye Jack

此时输出为Goodbye Jack说明typeof name ===  'undefined'; 这是因为函数内部重新声明了var name;因此函数值会在函数内部作用域找而非全局作用域。

即使var name ='jack';是在判断之后if (typeof name === 'undefined')才执行的，但是js会把变量的声明提前。相当于

var name;if (typeof name === 'undefined') {name = 'Jack';        console.log('Goodbye ' + name);}

闭包的使用形式一般有两种一是函数作为返回值，二是函数作为参数传递。

函数作为返回值：

function  out(){        var num=0;//内部变量        return  function add(){//通过return返回add函数，可以在out函数外访问了。            num++;            console.log(num);        };    }    var func1=out();//    func1();//实际上是调用add函数， 输出1    func1();//此时是输出是2，说明执行一次过后num值变为1，而普通函数执行完之后，上下文环境（当前作用域的变量）就消失了。    var func2=out();    func2();// 输出1，重新声明的func2起作用，num又重新从1开始，num并非像全局变量改变了。    func2();// 

再来一个返回值的例子：

    var data = [];    for (var k = 0; k < 3; k++) {        data[k] = (function test(x) {            return function () {                console.log(x);            };        })(x);    }    data[0]();//1    data[1]();//2    data[2]();//3

函数作为参数传递

var max=10,    fn = function (x){if(x > max){console.log(x);}    };(function (f){var max=100;f(15);})(fn); //10 去函数创建的作用域取值

上面的例子中，fn函数作为一个参数被传递进入另一个函数，赋值给f参数

通过参考一些文章和自己的尝试，我的理解是闭包像是把函数内的局部变量缓存起来，在函数执行完依旧存在，但是外部又无法直接访问，得通过执行函数来访问。其实就是函数调用完成之后，其执行上下文环境不会接着被销毁。