闭包的定义
是JavaScript中,函数的一种高级应用方式
重新认识函数
函数:
函数在定义时,存在一个位置,当前函数的定义作用域
函数在执行时,存在一个位置,当前函数的执行作用域
定义作用域和执行作用域,都不是当前函数自身内部,而是当前函数所处的位置
function box(){
function fn(){
}
fn();
// fn的执行作用域,是box的局部作用域
}
// box的定义作用域,是全局作用域
//fn的定义作用域,是box的局部作用域
闭包的形成环境:
函数的嵌套
内部函数使用外部函数中的变量
将内部函数返回,在外部函数的外部,接收返回值,执行
(相当于执行了内部函数)
闭包的特点:
1.解决掉所有的全局变量,节省内存空间
2.可以在函数外部,修改函数内部的变量(外部修改内部,不安全)
3.相对于局部变量来说,浪费了内存
1.循环中的事件,事件处理函数中使用了循环的每次的计数器
var ali = document.querySelectorAll(".list li");
for(var i=0;i<ali.length;i++){
// (function(index){
// ali[index].onclick = function(){
// console.log(index);
// }
// })(i);
ali[index].onclick = (function(index){
return function(){
console.log(index);
}
})(i);
}
2.给某些系统默认的回调函数,传参(给计时器的回调函数,传参)
function fn(a){
return function(){
console.log(a);
};
}
setTimeout(fn("world"), 1000);
3.处理掉全局变量,只要开启新文件,新功能,最好上手就是一个匿名函数,简易闭包
var f = (function(){
var a = "hello";
function fn(){
console.log(a + "world");
}
return fn;
})();
f();
4.封装过的事件委托,利用到了闭包
obox.onclick = eveEnt(achild,function(){})
function eveEnt(eleArr,cb){
return function(eve){
eleArr
cb
}
}
计算机的垃圾回收机制
硬盘的:存储空间,删除数据,先转到某个空间中(回收站),可以找回来
内存的:运行空间,删除数据,直接删除,找不回来
闭包:就是利用作用域的嵌套,触发计算机的垃圾回收机制
私有变量:函数内部的变量,在外部修改
闭包:就是利用作用域的嵌套,将局部变量进化成私有变量的环境
函数的高级应用