011-闭包

闭包

  • 1、概念
  • 2、闭包应用
    • 防抖&节流

1、概念

闭包:就是能够读取其他函数内部变量的函数。

function fn1() {const num = 100;return function(num1) {return num + num1;  // 该函数 使用了 父作用域里面的 num,所以被称为闭包}
}const sumFn = fn1();
fn1 = null;
const sum = sumFn(10);// 110,num 会常驻内存,不随 fn1 销毁而销毁;sumFn 被销毁时,num 才会被释放
console.log(sum); 

2、闭包应用

闭包应用:使用闭包主要是为了设计私有变量与方法,避免变量污染,防抖与节流。
闭包缺点:常驻内存,增大内存使用量,使用不当易造成内存泄漏,影响性能。

防抖&节流

// 防抖 - n 秒后再执行该事件,若在 n 秒内被重复触发,则重新计时
function debounce(func, wait) {let timeout;return function () {let self = this;let args = arguments;if (timeout) clearTimeout(timeout);timeout = setTimeout(function () {func.apply(self, args);}, wait);}
}// 节流 - n 秒内只运行一次
function throttled(func, wait) {let oldTime = new Date();let timer = null;return function () {let curTime = new Date();let remain = wait - (curTime - oldTime);let self = this;let args = arguments;clearTimeout(timer);if (remain <= 0) {func.apply(self, args);oldTime = new Date();} else {timer = setTimeout(func, remain);}}
}debounce(() => {console.log(123);
}, 1000);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/722510.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【C语言】指针超级无敌金刚霹雳进阶(但不难,还是基础)

点击这里访问我的博客主页~~ 对指针概念还不太清楚的点击这里访问上一篇指针初阶2.0 上上篇指针初阶1.0 谢谢各位大佬的支持咯 今天我们一起来学习指针进阶内容 指针进阶 一、指针变量1、字符指针变量2、数组指针变量①数组指针变量的定义②数组指针变量的初始化 3、函数指…

C++面试干货---带你梳理常考的面试题(二)

顾得泉&#xff1a;个人主页 个人专栏&#xff1a;《Linux操作系统》 《C从入门到精通》 《LeedCode刷题》 键盘敲烂&#xff0c;年薪百万&#xff01; 1.struct 和 class 区别 1.默认访问权限&#xff1a;struct中的成员默认为public&#xff0c;而class中的成员默认为priv…

ClickHouse安装、简介及使用

文章目录 一、简介1、什么是ClickHouse2、什么是OLAP3、列式存储特性 二、安装1、官方文档2、docker安装3、核心目录4、clickhouse-client使用 参考资料 一、简介 1、什么是ClickHouse ClickHouse是一个用于联机分析(OLAP)的列式数据库管理系统(DBMS)。 官网&#xff1a;htt…

网上搞钱的方法你知道几个?盘点3个普通人都可操作的赚钱项目

项目一&#xff0c;微头条 我们可以借助精彩的文章&#xff0c;分享知识、心得和见解&#xff0c;吸引更多的读者关注并获得更多的点赞与评论。关键字的巧妙运用将使你的文章更具吸引力和影响力&#xff0c;同时也会为你带来更多的关注度和阅读量。我们写微头条文章的时候&…

2024.3.5每日一题

LeetCode 到达目的地的方案数 题目链接&#xff1a;1976. 到达目的地的方案数 - 力扣&#xff08;LeetCode&#xff09; 题目描述 你在一个城市里&#xff0c;城市由 n 个路口组成&#xff0c;路口编号为 0 到 n - 1 &#xff0c;某些路口之间有 双向 道路。输入保证你可以…

LeetCode 2673. 使二叉树所有路径值相等的最小代价【贪心】1917

本文属于「征服LeetCode」系列文章之一&#xff0c;这一系列正式开始于2021/08/12。由于LeetCode上部分题目有锁&#xff0c;本系列将至少持续到刷完所有无锁题之日为止&#xff1b;由于LeetCode还在不断地创建新题&#xff0c;本系列的终止日期可能是永远。在这一系列刷题文章…

Android开发第三方库PhotoView的使用

PhotoView 是一个用于Android的第三方库&#xff0c;它扩展了Android的ImageView&#xff0c;提供了诸如捏合缩放、平移和双击缩放等交互功能。 多点触控缩放&#xff1a;用户可以使用两个手指捏合来放大或缩小图片。平滑滚动&#xff1a;当图片被放大后&#xff0c;用户可以拖…

python三剑客之一——Numpy

温故而知新&#xff0c;借着工作需要用到Numpy的机会重新学习一遍Numpy。 Numpy是一个运行速度非常快的数学库&#xff0c;主要用于数组计算&#xff0c;包含如下&#xff1a; 一个强大的N维数组对象ndarray【Nd&#xff08;Dimension维度&#xff09;array】 广播功能函数 整…

JAVA学习-类和接口.匿名类

Java类和接口是面向对象编程的基本概念&#xff0c;类用来描述对象的属性和行为&#xff0c;接口定义一组方法的规范。匿名类是一种特殊的类&#xff0c;它没有名字&#xff0c;在使用时直接定义和实例化。 Java中常见的类和接口有很多&#xff0c;包括基本类&#xff08;如Str…

2024.3.5

作业1、使用select实现tcp服务器端&#xff0c;poll实现tcp客户端 服务器端&#xff1a; #include <myhead.h> #define SER_IP "192.168.199.131" //服务端IP #define SER_PORT 8888 //服务端端口号int main(int argc, const char *argv[])…

plc远程锁机网关,远程锁机与防拆功能双重保障

在设备租赁和分期购买领域&#xff0c;如何确保设备的安全与资金的回收一直是各大厂家和卖家关注的重点。传统的锁机方式往往需要人工介入&#xff0c;不仅效率低下&#xff0c;而且成本高昂。如今&#xff0c;借助HiWoo Box的远程锁机功能&#xff0c;这些问题将迎刃而解。 什…

Linux运维工具-ywtool默认功能介绍

提示:工具下载链接在文章最后 目录 一.资源检查二.日志刷新三.工具升级四.linux运维工具ywtool介绍五.ywtool工具下载链接 一.资源检查 只要系统安装了ywtool工具,默认就会配置上"资源检查"的脚本资源检查脚本的执行时间:每天凌晨3点进行检查资源检查脚本的检查内容…

基于springboot+vue的球队训练信息管理系统

博主主页&#xff1a;猫头鹰源码 博主简介&#xff1a;Java领域优质创作者、CSDN博客专家、阿里云专家博主、公司架构师、全网粉丝5万、专注Java技术领域和毕业设计项目实战&#xff0c;欢迎高校老师\讲师\同行交流合作 ​主要内容&#xff1a;毕业设计(Javaweb项目|小程序|Pyt…

el-select 选中之后所有颜色变蓝了

出现上述原因&#xff1a;你写的value属性的绑定值是对象&#xff0c;在规定中只能value的值只能是boolean / string / number这三种类型&#xff0c; 所以要加上value-key属性 <el-select v-model"senderProvince" placeholder"请选择活动区域">&…

Hive分组排序取topN的sql查询示例

Hive分组排序取topN的sql查询示例 要在Hive中实现分组排序并取每组的前N条记录&#xff0c;可以使用 ROW_NUMBER() 窗口函数结合 PARTITION BY 和 ORDER BY 子句。 以下是一个示例SQL查询&#xff0c;用于选择每个部门中工资最高的前3名员工&#xff1a; SELECT department, e…

WordPress调用当前文章作者头像

制作wordpress博客主题时经常会到用&#xff0c;需要调用wordpress当前文章作者头像的时候&#xff0c;用下面的这段代码即可。 <?php if (have_posts()) : the_post(); update_post_caches($posts); ?> //wodepress.com <?php echo get_avatar( get_the_author_e…

日本极致产品力|与日本所有食物百搭,年销量2亿箱的啤酒品牌

摘要&#xff1a;《极致产品力》日本深度研学,可以帮助企业找产品、找方向、找方法,在日本终端市场考察中洞悉热销产品背后的成功逻辑,了解最新最前沿的产品趋势和机会。结合日本消费趋势中国转化的众多经验,从品牌、包装、卖点、技术和生产工艺等多方面寻找中口市场的解决方案…

微服务:Nacos注册中心

国内公司一般都推崇阿里巴巴的技术&#xff0c;比如注册中心&#xff0c;SpringCloudAlibaba也推出了一个名为Nacos的注册中心。 1.认识Nacos Nacos是阿里巴巴的产品&#xff0c;现在是SpringCloud中的一个组件。相比Eureka功能更加丰富&#xff0c;在国内受欢迎程度较高。 …

「Vue3系列」Vue3 组件

文章目录 一、Vue3 组件二、Vue3 组件实例三、Vue3 官方组件四、Vue3 常用组件五、相关链接 一、Vue3 组件 Vue3 是 Vue.js 的最新版本&#xff0c;它引入了许多新的特性和改进。在 Vue3 中&#xff0c;组件是构建应用程序的核心部分&#xff0c;它们可以重用、组合和嵌套。Vu…

express+mysql+vue,从零搭建一个商城管理系统10--添加商品

提示&#xff1a;学习express&#xff0c;搭建管理系统 文章目录 前言一、新建models/goods.js二、新建routes/goods.js三、添加goods表四、添加商品总结 前言 需求&#xff1a;主要学习express&#xff0c;所以先写service部分 一、新建models/goods.js models/goods.js con…