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

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

    // 外层函数
    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() //调用一次就++

这样 i 就不会被修改,实现了数据私有
但可能会引起内存泄漏
所以闭包可能会引起内存泄漏
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

你可能感兴趣的:(javascript,前端,开发语言)