闭包与作用域再次深究

首先来看一个函数，考虑一下是否存在闭包呢？：

        function test (arr) {
            var temp = []
            for (var i =0;  i<arr.length; i++) {
                (function() {
                    var j = i;
                    temp[i] = function () {
                        return j
                    }
                })()
                
            }
            return temp
        }　　

那么以下的结果会打印出什么呢？

var arr = [1,2,3,4,5]
var arrFn = test(arr)
console.log(arrFn[0]())　　

结果是：0；

那么继续test函数换成以下两种又会是什么结果呢？

        function test2 (arr) {
            var temp = []
            for (var i =0;  i<arr.length; i++) {
                
                temp[i] = function () {
                    return i
                }
                
            }
            return temp
        }

        function test3 (arr) {
            var temp = []
            for (var i =0;  i<arr.length; i++) {
                (function() {
                    temp[i] = function () {
                        return i
                    }
                })()
                
            }
            return temp
        }

test2是网上比较常见的，结果是我们在读取i的时候，i已经全部变为5；test3和test只有两行代码不同，但是结果却完全不一样。

之前曾经理解是因为我们调用的时候for循环已经执行完，所以会拿到i为5。但是其实这只是表象，最核心的其实就是：

js中（严谨地说是ES5）中只有函数级作用域

temp函数数组中的i，其函数执行时，在当前作用域未找到i，需要去上层作用域寻找，外层作用域中的i在for执行完之后，i变为了5。

在test中添加了一行可以验证的代码就是：

var j = i;

通过在局部作用域中绑定变量j，将单次循环时的引用类型保存下来，那么就能获取我们想要的结果了。

还有其他方法，通过自执行函数在局部作用域绑定变量，都是一个原理：

        function test4 (arr) {
            var temp = []
            for (var i =0;  i<arr.length; i++) {
                (function(j) {
                    temp[i] = function () {
                        return j;
                    }
                })(i)
                
            }
            return temp
        }　　

其次就是在IIFE来创建局部作用域的时候，需要注意不能再作用域外部使用break与continue，这样的写法是不合法的。

* 回归到最初的问题，其实只要存在函数的嵌套或回调，就会存在闭包。而闭包带来的性能问题，只是在使用闭包的情况下可能会产生。即：存在闭包与使用闭包是两码事。使用闭包意味着产生了如下结果，即：某个函数长期占有其所在局部作用域的上下文，当此类函数达到一定数量时，即会触发js引擎的内存临界处理机制，结果自然是栈内存溢出。