当前位置：首页 > article >正文

JS初步了解闭包(含实践)

article 2024/11/18 9:32:44

闭包的概念：
一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域
简单理解： 闭包=内层函数 + 外层函数的变量
闭包的作用：封闭数据，提供操作，外部也可以访问函数内部的变量
闭包基本格式：

    // 外层函数
    function fun(){
        // 外层函数变量
        let num = 1
        // 内层函数
        function fn() {
            console.log(num) //1
        }
        //外层函数使用内部函数的变量
        return fn
    }
    let f = fun()
    f() //1

简约写法：

    function fun() {
        // 外层函数变量
        let num = 1
        // 内层函数
        return function () {
            console.log(num) //1
        }
    }
    let f = fun()
    f()

实践：统计函数调用的次数

传统写法：

    let i = 0
    function fun(){
        i++
        console.log(i)
    }
    fun()//调用一次就++

但是这个 i 是全局变量，很容易被修改

接下来我们使用闭包的形式：

    function fun() {
        let i = 0
        function fn() {
            i++
            console.log(i)
        }
        return fn
    }
    let f = fun()
    f() //调用一次就++