JavaScript的闭包和应用场景_js闭包应用场景-程序员宅基地

技术标签: JavaScript  前端  javascript  

什么是闭包:

JavaScript的闭包是一个函数对象,它包含了函数体内定义的变量和函数。它们在其外层作用域不失效,即可以被返回并且执行。

闭包的特性:

1.闭包可以捕获并保存其所在函数的作用域。

2.闭包可以访问创建它的上下文的所有变量,即使它已经超出了作用域。

3.闭包可以在其所在函数外部被调用,并且可以继续访问其作用域内的变量。

4.闭包是动态的,因此它可以在运行时更改其内部状态。

应用场景:

1.封装私有变量和函数。
闭包可以用来封装私有变量,并将其保存在闭包内部,使其不能在外部被直接访问和修改。

2.维护变量的生命周期
闭包可以让变量的生命周期长于函数的生命周期,因此可以使用闭包维护变量的生命周期,而不必担心变量在函数结束后被销毁。

3.实现高阶函数。

4.模拟块级作用域。

5.实现回调函数。
闭包可以在回调函数中使用,因为回调函数可以访问创建它的上下文的变量,并可以在其内部使用这些变量。这使得回调函数可以在后续操作中使用相关数据。

6.实现模块化。
闭包可以实现模块化,因为它可以将函数和变量封装在一起,并且可以通过外部接口暴露一些变量和函数。这样可以组织代码,使其更易于维护和管理。
代码示例:

function createCounter() {
    
    var count = 0;
    return function() {
    
        count++;
        return count;
    }
}
var counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2

在上面的代码中,createCounter函数创建了一个闭包,它返回了一个匿名函数,该函数可以访问并修改count变量。

应用场景示例:

封装私有变量和函数:

function createPerson(name) {
    
    var age = 0;

    return {
    
        getName: function() {
    
            return name;
        },
        getAge: function() {
    
            return age;
        },
        setAge: function(newAge) {
    
            age = newAge;
        }
    };
}

var person = createPerson("John");
console.log(person.getName()); // "John"
console.log(person.getAge()); // 0
person.setAge(30);
console.log(person.getAge()); // 30

高阶函数:

function multiplyBy(factor) {
    
    return function(number) {
    
        return number * factor;
    };
}

var double = multiplyBy(2);
console.log(double(5)); // 10

模拟块级作用域:

for (var i = 0; i < 5; i++) {
    
    (function(index) {
    
        setTimeout(function() {
    
            console.log(index);
        }, 1000 * index);
    })(i);
}
// 输出:
// 0
// 1
// 2
// 3
// 4

回调函数:

function loadData(callback) {
    
    let data = "data from server";
    callback(data);
}

function processData(data) {
    
    console.log("Processed data: " + data);
}

loadData(processData); // Processed data: data from server

模块化:

(function() {
    
    let counter = 0;
    
    function increaseCounter() {
    
        counter++;
    }
    
    function getCounter() {
    
        return counter;
    }
    
    window.counterModule = {
    
        increaseCounter: increaseCounter,
        getCounter: getCounter
    }
})();

counterModule.increaseCounter();
console.log(counterModule.getCounter()); // 1

以上是几个简单的闭包示例,用于说明闭包的作用和实际应用。但是,还有一些问题需要注意,例如闭包所引用的变量的生命周期,可能会影响闭包的性能和行为。因此,在实际使用闭包时,需要慎重考虑其优缺点。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/My_Soul_/article/details/128791949

智能推荐

分布式光纤传感器的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告_预计2026年中国分布式传感器市场规模有多大-程序员宅基地

文章浏览阅读3.2k次。本文研究全球与中国市场分布式光纤传感器的发展现状及未来发展趋势,分别从生产和消费的角度分析分布式光纤传感器的主要生产地区、主要消费地区以及主要的生产商。重点分析全球与中国市场的主要厂商产品特点、产品规格、不同规格产品的价格、产量、产值及全球和中国市场主要生产商的市场份额。主要生产商包括:FISO TechnologiesBrugg KabelSensor HighwayOmnisensAFL GlobalQinetiQ GroupLockheed MartinOSENSA Innovati_预计2026年中国分布式传感器市场规模有多大

07_08 常用组合逻辑电路结构——为IC设计的延时估计铺垫_基4布斯算法代码-程序员宅基地

文章浏览阅读1.1k次,点赞2次,收藏12次。常用组合逻辑电路结构——为IC设计的延时估计铺垫学习目的:估计模块间的delay,确保写的代码的timing 综合能给到多少HZ,以满足需求!_基4布斯算法代码

OpenAI Manager助手(基于SpringBoot和Vue)_chatgpt网页版-程序员宅基地

文章浏览阅读3.3k次,点赞3次,收藏5次。OpenAI Manager助手(基于SpringBoot和Vue)_chatgpt网页版

关于美国计算机奥赛USACO,你想知道的都在这_usaco可以多次提交吗-程序员宅基地

文章浏览阅读2.2k次。USACO自1992年举办,到目前为止已经举办了27届,目的是为了帮助美国信息学国家队选拔IOI的队员,目前逐渐发展为全球热门的线上赛事,成为美国大学申请条件下,含金量相当高的官方竞赛。USACO的比赛成绩可以助力计算机专业留学,越来越多的学生进入了康奈尔,麻省理工,普林斯顿,哈佛和耶鲁等大学,这些同学的共同点是他们都参加了美国计算机科学竞赛(USACO),并且取得过非常好的成绩。适合参赛人群USACO适合国内在读学生有意向申请美国大学的或者想锻炼自己编程能力的同学,高三学生也可以参加12月的第_usaco可以多次提交吗

MySQL存储过程和自定义函数_mysql自定义函数和存储过程-程序员宅基地

文章浏览阅读394次。1.1 存储程序1.2 创建存储过程1.3 创建自定义函数1.3.1 示例1.4 自定义函数和存储过程的区别1.5 变量的使用1.6 定义条件和处理程序1.6.1 定义条件1.6.1.1 示例1.6.2 定义处理程序1.6.2.1 示例1.7 光标的使用1.7.1 声明光标1.7.2 打开光标1.7.3 使用光标1.7.4 关闭光标1.8 流程控制的使用1.8.1 IF语句1.8.2 CASE语句1.8.3 LOOP语句1.8.4 LEAVE语句1.8.5 ITERATE语句1.8.6 REPEAT语句。_mysql自定义函数和存储过程

半导体基础知识与PN结_本征半导体电流为0-程序员宅基地

文章浏览阅读188次。半导体二极管——集成电路最小组成单元。_本征半导体电流为0

随便推点

【Unity3d Shader】水面和岩浆效果_unity 岩浆shader-程序员宅基地

文章浏览阅读2.8k次,点赞3次,收藏18次。游戏水面特效实现方式太多。咱们这边介绍的是一最简单的UV动画(无顶点位移),整个mesh由4个顶点构成。实现了水面效果(左图),不动代码稍微修改下参数和贴图可以实现岩浆效果(右图)。有要思路是1,uv按时间去做正弦波移动2,在1的基础上加个凹凸图混合uv3,在1、2的基础上加个水流方向4,加上对雾效的支持,如没必要请自行删除雾效代码(把包含fog的几行代码删除)S..._unity 岩浆shader

广义线性模型——Logistic回归模型(1)_广义线性回归模型-程序员宅基地

文章浏览阅读5k次。广义线性模型是线性模型的扩展,它通过连接函数建立响应变量的数学期望值与线性组合的预测变量之间的关系。广义线性模型拟合的形式为:其中g(μY)是条件均值的函数(称为连接函数)。另外,你可放松Y为正态分布的假设,改为Y 服从指数分布族中的一种分布即可。设定好连接函数和概率分布后,便可以通过最大似然估计的多次迭代推导出各参数值。在大部分情况下,线性模型就可以通过一系列连续型或类别型预测变量来预测正态分布的响应变量的工作。但是,有时候我们要进行非正态因变量的分析,例如:(1)类别型.._广义线性回归模型

HTML+CSS大作业 环境网页设计与实现(垃圾分类) web前端开发技术 web课程设计 网页规划与设计_垃圾分类网页设计目标怎么写-程序员宅基地

文章浏览阅读69次。环境保护、 保护地球、 校园环保、垃圾分类、绿色家园、等网站的设计与制作。 总结了一些学生网页制作的经验:一般的网页需要融入以下知识点:div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点,网页的风格主题也很全面:如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题,学生、新手可参考下方页面的布局和设计和HTML源码(有用点赞△) 一套A+的网_垃圾分类网页设计目标怎么写

C# .Net 发布后,把dll全部放在一个文件夹中,让软件目录更整洁_.net dll 全局目录-程序员宅基地

文章浏览阅读614次,点赞7次,收藏11次。之前找到一个修改 exe 中 DLL地址 的方法, 不太好使,虽然能正确启动, 但无法改变 exe 的工作目录,这就影响了.Net 中很多获取 exe 执行目录来拼接的地址 ( 相对路径 ),比如 wwwroot 和 代码中相对目录还有一些复制到目录的普通文件 等等,它们的地址都会指向原来 exe 的目录, 而不是自定义的 “lib” 目录,根本原因就是没有修改 exe 的工作目录这次来搞一个启动程序,把 .net 的所有东西都放在一个文件夹,在文件夹同级的目录制作一个 exe._.net dll 全局目录

BRIEF特征点描述算法_breif description calculation 特征点-程序员宅基地

文章浏览阅读1.5k次。本文为转载,原博客地址:http://blog.csdn.net/hujingshuang/article/details/46910259简介 BRIEF是2010年的一篇名为《BRIEF:Binary Robust Independent Elementary Features》的文章中提出,BRIEF是对已检测到的特征点进行描述,它是一种二进制编码的描述子,摈弃了利用区域灰度..._breif description calculation 特征点

房屋租赁管理系统的设计和实现,SpringBoot计算机毕业设计论文_基于spring boot的房屋租赁系统论文-程序员宅基地

文章浏览阅读4.1k次,点赞21次,收藏79次。本文是《基于SpringBoot的房屋租赁管理系统》的配套原创说明文档,可以给应届毕业生提供格式撰写参考,也可以给开发类似系统的朋友们提供功能业务设计思路。_基于spring boot的房屋租赁系统论文