Javascript的闭包有哪些应用?你学会了吗?
创始人
2025-07-07 08:51:12
0

JavaScript 中的闭包是一种强大的特性,它可以用于多种应用。以下是一些闭包在 JavaScript 中的常见应用:

1、封装私有变量: 通过闭包,可以创建私有变量和方法。外部作用域无法直接访问闭包内的变量,从而实现了信息隐藏和封装。

function createCounter() {


    let count = 0;


    return function() {


        count++;


        return count;


    };


}






const counter = createCounter();


console.log(counter()); // 1


console.log(counter()); // 2

2、模块模式: 使用闭包可以创建模块,将相关的功能组织在一起,同时保持内部状态的私有性。

const Module = (function() {


    let privateVar = 0;


    function privateFunction() {


        // ...


    }


    return {


        publicVar: 1,


        publicFunction: function() {


            privateVar++;


            return privateFunction();


        }


    };


})();


console.log(Module.publicVar); // 1


console.log(Module.publicFunction()); // Result of privateFunction

3、事件处理程序: 在事件处理程序中使用闭包,可以保持对外部作用域的状态引用,而无需全局变量。

function setupEventListener() {


    let count = 0;


    document.getElementById('myButton').addEventListener('click', function() {


        count++;


        console.log(`Button clicked ${count} times.`);


    });


}


setupEventListener();

4、回调函数: 闭包经常用于创建回调函数,保存对外部函数作用域的引用,以便在稍后调用。

function doSomethingAsync(callback) {


    setTimeout(function() {


        console.log('Async operation completed.');


        callback();


    }, 1000);


}


doSomethingAsync(function() {


    console.log('Callback executed.');


});

5、实现函数记忆: 闭包可以用于缓存函数的结果,以提高性能。这通常用于递归函数或计算昂贵的操作。

function memoize(fn) {


    const cache = {};


    return function(...args) {


        const key = JSON.stringify(args);


        if (!cache[key]) {


            cache[key] = fn(...args);


        }


        return cache[key];


    };


}


const memoizedAdd = memoize(function(x, y) {


    console.log('Calculating sum...');


    return x + y;


});






console.log(memoizedAdd(2, 3)); // Calculating sum... 5


console.log(memoizedAdd(2, 3)); // 5 (from cache)

这些只是 JavaScript 中闭包的一些常见用法。闭包的灵活性使得它在许多不同的上下文中都能够发挥作用。

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...