闭包及其应用场景

闭包是什么？

闭包就是能够读取其他函数内部变量的函数，或者说闭包就是定义在函数内部的一个函数，本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

function A(){   
    let a = 123;   
    return function(){       
        console.log(a) //123   
    }   
}
A()();

什么是内存泄漏？

程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。

对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。

不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。

用闭包就一定会内存泄漏吗？

不一定，只是说闭包容易引起内存泄露，js的垃圾回收机制是为了防止内存泄漏（已经不需要的某一块内存还一直存在着），垃圾回收机制就是不停歇的寻找这些不在使用的变量，并且释放掉它所指向的内存。

闭包的应用场景

1、节流：单位时间内，连续触发事件，只执行一次

常用的场景有：快速点击，鼠标滑动

代码实现思路：

//下拉加载更多
window.onscroll = throttle(function () {
    console.log("加载了一页！！！");
},1000)

function throttle(fn, delay) {
    let timer = true;
    return function () {
        if (timer) {
            setTimeout(() => {
                fn.call(this)
                timer = true;
            }, delay);
        }
        timer = false;
    }
}

2、防抖

单位时间内，频繁触发事件，只执行最后一次

比如说：搜索框搜索输入、文本编辑器实时保存

let search = document.getElementById("search");

search.oninput = debounce(function(){
    console.log(this.value);
},1000)

function debounce(fn,delay) {
    let timer = null;
    return function () {
        // 清除前面的定时器
        if (timer !== null) {
            clearTimeout(timer)
        }
        // 保留最后一次定时器
        timer = setTimeout(() => {
            fn.call(this)
        }, delay);
    }
}