原生JS十七（闭包）

最新推荐文章于 2021-06-09 20:42:18 发布
最新推荐文章于 2021-06-09 20:42:18 发布
阅读量119 收藏
点赞数
分类专栏： 原生js 文章标签： javascript html html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_GMC/article/details/105352543
版权

原生JS--闭包

闭包

闭包是能够访问其它函数内部变量的函数

1. 本质

闭包是函数

2. 条件

1.在函数中嵌套定义另一个函数
2.被嵌套的函数，一定要访问外部函数的变量
3.被嵌套的函数要返回

3. 原理

通过作用域链

4. 作用

能持久化局部变量，手动控制局部变量的回收时间

5. 弊端

不能够大批量使用，会造成加载程序过慢，极容易造成内存泄漏

代码：
在这里插入图片描述
显示效果：
在这里插入图片描述

CSDN_GMC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js- 闭包
weixin_57135131的博客
12-13 815
闭包 防抖 节流
前端学习总结-原生js之闭包
weixin_39469904的博客
06-26 223
一.怎么形成闭包 首先，闭包有个比较明显的形式，就是一个函数里套着另外一个函数。 比如这样： function outside(){ var outSideValue='outSideValue'; function inside(){ console.log(outSideValue); } return inside; } 而函数有个特点，可以记住自己被定义时的作用域。所以内部的函数inside()，就可以访问并记住外面的outSideValue，这就形成了闭包。 二.什么是闭包 那么什么
原生js之闭包
beichenxiansen的博客
11-29 147
概念：有权访问另一个函数作用域中变量或私有函数，可以通过构造特权方法。 类型：闭包是函数 作用：访问另一个函数作用域中的变量 原理：通过匿名式函数把局部变量主流在内存里，可以减少全局变量的使用 优点：封装性，减少了全局变量使用频率，减少污染 缺点：由于闭包作用域中返回的局部变量资源不会被立即回收，所以可能会占用更多内容，会导致卡顿 解除引用：btn = null； ...
原生JS闭包的理解
weixin_45273887的博客
06-09 223
原生JS闭包的理解欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mark
原生js实现ajax方法（闭包）
幻影寒狼
12-19 954
学习Jquery是，模仿写了一个原生js实现ajax方法（闭包），代码上加有注释 方法如下： (function(window, undefined) { var MyJs = new Object();//我的框架 //格式化参数 MyJs.formatParams = function(data) { var arr = []; for ( var name
js 点击闭包_原生JS的闭包详解
weixin_39706561的博客
12-21 45
了解闭包之前我们需要懂的东西：需要知道JS的作用域链以及预解析。进入话题，作用域链上面的东西是存在哪里的呢。 是一个栈结构，最底层是window对象。栈就是类似一个桶装结构，如图1：图一 ： 栈结构具有的特点就是先入后出。 好比你放进桶里的东西，你需要从最上面开始拿出来。JS代码的解析过程中：例如JS代码里有一个函数foo.var a = 1;function foo(){ }foo();预解析...
door_原生js_
09-30
在JavaScript的世界里，原生JS指的是不依赖任何第三方库或框架，纯粹使用JavaScript语言本身来实现功能。在本例中，"door_原生js_"的标题暗示我们将探讨如何使用原生JavaScript创建一个开门动画效果。这个动画可能...
原生JS实现红包小游戏
11-27
在本项目中，"原生JS实现红包小游戏"是一个基于JavaScript的互动应用，它允许用户参与抢红包活动，系统会随机生成不同面额的红包。这个小游戏的核心是利用JavaScript的特性来模拟真实的红包分配逻辑，为用户提供趣味...
JavaScript函数、闭包、原型、面向对象学习笔记
10-18
本文将深入探讨JavaScript中的几个关键概念：函数、闭包、原型和面向对象。理解这些概念是掌握JavaScript的基石。 1. **函数** 在JavaScript中，函数是**第一类对象**，这意味着它们与其他数据类型（如数字、字符...
layer.rar 使用js 闭包封装的原生提示模态框
08-23
在这个场景中，我们讨论的是一个名为"layer.rar"的压缩包，它包含了一个利用JavaScript闭包技术封装的提示模态框。这个模态框设计得既适应PC设备，也能在不同分辨率的设备上良好运行，体现了响应式设计的概念。 ...
原生javascript笔记.zip
07-04
原生JavaScript是Web开发中的核心语言，它允许开发者在网页上创建交互式元素，实现动态效果，以及与服务器进行数据交换。这份“原生javascript笔记”涵盖了基础到进阶的知识点，非常适合初学者和希望提升技能的...
原生JS十四（事件对象）
CSDN_GMC的博客
04-06 539
原生JS--事件对象一. 事件对象二. 事件冒泡和捕获事件捕获事件冒泡三. 事件监听添加事件监听删除事件监听普通事件绑定和事件监听的区别oncontextmenu 事件四. 事件委托五. event对象六. this指针的指向问题 一. 事件对象 事件有DOM0和DOM2的区别 DOM0就是直接通过事件写到html中的事件 DOM2就是通过addEventListener绑定/监听事件 二. 事件...
原生JS--了解js
CSDN_GMC的博客
04-06 487
原生JS--了解js一. 什么是JavaScript面向对象解释型对象事件驱动相对安全性客户端脚本语言二. JavaScript的特点三. JavaScript的历史四. JavaScript的核心五. JavaScript能做什么六. 引入外部js文件七. js内联样式八. 基础数据类型(内置对象)九. 声明并使用变量和常量十.测试方法 一. 什么是JavaScript   javascrip...
原生JS三（循环）
CSDN_GMC的博客
04-06 467
原生JS--循环一. while循环二. for循环三. do while循环break和continue获取元素设置HTML中的文字通过js来修改HTML的样式 一. while循环 显示效果： 二. for循环 代码： 显示效果： 三. do while循环 该循环，不管是否满足条件都会进行循环体一次，while和for不会 代码： 显示效果： break和contin...
原生JS二（if语句和多分支语句）
CSDN_GMC的博客
04-06 385
原生JS--if语句和多分支语句）一. if语句二. 多分支语句三. prompt四. 数据类型转化隐式转换显示转化 一. if语句 代码： 显示效果： 二. 多分支语句 switch.case 作用：提供多个分支，功能类似if-else级联式，但是代码可读性更好 语法： switch 后面是整型或字符型的表达式 case 后面是整型或字符型的常量 break case和de...
原生JS十三（事件）
CSDN_GMC的博客
04-06 379
原生JS--事件一. 单击事件二. 事件类型三. 键盘事件四. 选项卡 一. 单击事件 onclick 鼠标的单击事件 绑定单击事件的两种方法 1.获取元素，在js中给元素绑定 代码： 显示效果： 点击按钮后的效果： 2.定义好函数，在html标签中绑定函数 代码： 点击效果同上 二. 事件类型 1.onload 当页面(html，图片之类)加载完成后，需要执行的方法，该方法用于包裹所...
原生JS八（Math对象，随机色）
CSDN_GMC的博客
04-06 336
Math对象，随机色一. Math对象1.`max(x,y)/min(x,y)`2.`Math.ceil/floor/round`3.`Math.random()*(较大的数 - 较小的数) + 较小的数`4.`Math.abs(x)`5.`Math.exp(x)`6.`Math.log(x)`7.`Math.pow(x,y)`8.`Math.sqit()`二. 随机颜色三. 透明度 一. Mat...
原生JS十（数组方法）
CSDN_GMC的博客
04-06 289
数组方法一. 数组方法1. push()2. unshift()3. pop()4. shift()5. slice(开始,结束)6. splice(开始的位置，修改的长度)7. join()8. sort()9. reverse()10. cancat()11. instanceof和isArray()12. 多维数组(数组嵌套)二. 数组去重三. 数组排序 一. 数组方法 1. push() ...
说说原生js的闭包？闭包的作用？闭包的缺点？你在哪些地方用到了闭包？
最新发布
07-12
闭包是指函数能够访问其它函数内部的变量，并且在函数执行完毕后，仍然可以访问这些变量。在 JavaScript 中，函数内部可以...以上是关于原生 JavaScript 中闭包的概念、作用和缺点，以及我在编程中使用闭包的一些例子。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值