闭包学习笔记

最新推荐文章于 2026-01-01 10:51:21 发布

原创最新推荐文章于 2026-01-01 10:51:21 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #javascript #前端

本文介绍了JavaScript中的闭包概念，它允许函数访问其内部函数，且全局变量不会被自动回收。文章通过示例展示了如何使用闭包进行复杂封装和状态管理，并提到了箭头函数以及局部变量在函数执行完毕后的释放情况。

全局变量不会被改变,块级作用域内的元素会被释放

回收机制

import React from "react";
export default function Closule(props) {
    // 闭包 :可以访问函数内函数叫做闭包
    // 全局变量不会被回收
    // 复杂的封装用 闭包
    // 简单的逻辑使用 prosotype


    function redux() {
        const state = []//保存
    }

    function fn() {
        let count = 0
        return () => {
            count++;
            console.log('count', count);
        }
    }
    // x1 不会释放
    let x1 = '小花'
    console.log(x1, 'x1');
    // xxx = 箭头函数
    // xxx 不会自动回收
    const xxx = fn()
    xxx()//count 1
    // 不会释放
    function fn2() {
        let count = 0
        console.log('count2', count++);
    }
    // 执行完以后count会释放
    fn2()
    return (
        <div>

        </div>
    )
}