闭包新理解

[MJingv]

闭包是什么？

• 闭包是特殊的对象。由函数和创建该函数的环境组成。
• eg，记忆盒子，函数和“记忆”，记录函数被创建的环境。外面函数执行完，内部函数可以访问。

哪些场景闭包无可替代？

• 函数截流防抖
• 异步编程
• 模拟私有变量和方法

[MJingv]

私有变量和let/const区别

• let 可以创建块级作用域变量
• 私有变量只有特定函数/对象才能调用。
• class里类的私有字段是js的新特性，不是闭包实现。

const createCounter = () => {
    // 1.私有变量
    let counter = 0
    return () => counter++
}
const counter = createCounter()
console.log(counter())
console.log(counter())
console.log(counter())

[MJingv]

节流防抖中的闭包

节流

const throttle = (fn, delay) => {
    // 间隔1000ms执行
    let last = 0
    return (...args) => {
        let now = new Date()
        if (now - last > delay) {
            fn.apply(this, args)
            last = now
        }
    }
}

防抖

const debounce = (fn, delay) => {
    // 防抖 强制停止1s后再执行。eg.输入300ms后才能再输入
    let timer = null
    return (...args) => {
        clearTimeout(timer)
        timer = setTimeout(() => {
            fn.apply(this, args)
        }, delay)
    }
}

[MJingv]

异步编程中的闭包

• settimeout
• promise
• async/await