闭包
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);
}