闭包

闭包

1.概念：一个具有封闭的对外不公开的包裹结构，或空间，js中的闭包就是函数。

2.原理：上级作用域无法访问下级作用域中的变量，如函数外部不能访问函数内部的

函数。

3.要解决的问题：（1）闭包内的数据不允许外界访问

                           （2）怎么间接访问闭包内的数据呢

4.基本模式：

                  //在外部函数（foo）内创建函数(inner)，在这个内部函数(inner)中，可

                      以操作foo中的数据

                  //将外部函数的返回值设置为内部函数

                 //在外部调用外部函数（foo）,就可以接受到返回值(内部函数)

                 //使用这个内部函数，就可以在外部对外部函数里的变量进行修改

5.作用：

        //最基本的作用：可以通过闭包返回的函数或者方法，来修改函数内部的数据

        //创建一个私有的空间，保护数据

        //外部想要访问数据，只能通过函数提供的方法

        //在提供的方法中，我们可以设置一些校验逻辑，让数据变得更加安全

6.应用：

    <button>按钮一</button>
    <button>按钮二</button>
    <button>按钮三</button>

var bnts = document.querySelectorAll("button");

for(var i=0; i<btns.length; i++) {

btns[i].onclick = function(){

alert("第" + (i + 1) + "个按钮");//输出"第3个按钮" }; }

解决方法(1)：


   for (var i = 0; i < btns.length; i++) {

    //把i的值绑定到按钮的一个属性上，来保存i的临时值

        btns[i].index = i;

        btns[i].onclick = function () {

        alert("我是第" + (this.index + 1) + "个按钮");
        };
    }

解决方法(2)：


 for (var i = 0; i < btns.length; i++) {  
 
        //执行匿名函数，把 i 的值传入到index中

        (function (index) {

            btns[i].onclick = function () {

            alert("我是第" + (index + 1) + "个按钮");
            }

        })(i);

    }