javascript闭包以及闭包的作用

function outer() {
    var data = {name: "xiaoming”};//外层函数的内部数据会一直缓存在内存中
    function inner() {
        return data;
    }
    return inner;
}
var closure1 = outer();//拿到闭包之后就可以决定什么时候执行它；
console.log(closure1());
var closure2 = outer();
console.log(closure2 == closure1);//false,由于调用了两次outer函数，从而创建了两个data对象，因此两个闭包访问到的数据（data）在内存中的地址是不同的；
var d1 = closure1();
Var d2 = closure1();
Console.log(d1 == d2);//true

<ul>
    <li>0</li>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<script>
    var lists = document.getElementsByTagName("li");
    var i = 0,
        l = lists.length;
    for (; i<l; i++) {
        lists[i].onclick = function() {//给每个li绑定了点击事件
            console.log(i);//结果都打印5,因为当点击li的时候，i已经变成了5
        }
    }
</script>

var lists = document.getElementsByTagName("li");
var i = 0,
    l = lists.length;
for (; i<l; i++) {
    lists[i].onclick = (function(i) {//2.接收参数到外层函数内部，并作为内部数据缓存在内存中
        function fn() {
            console.log(i)；//3.这里的i为外层函数的内部数据，分别为0，1，2，3，4
        }
        return fn;//4.返回到外部作为点击事件的处理函数，当发生点击事件时，触发这个闭包的执行，那时打印出来的i为外层函数缓存的i值
    })(i);//1.自执行函数，将全局变量i依次传入外层函数中
}

function outer() {//外层函数中的$和attr其实就相当于全局变量，只要闭包存在，这些变量就会一直在
    var $ = function() {};
    var attr = 10;
    return {//这里面的$和attr不会被任何其他的全局变量污染
        $ : $,
        getAttr : function() {
            return attr;
        }
    }
}
var query = outer();
query.$(“divs”);
console.log(query.getAttr);