文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

首页 > web前端 > js教程 > 正文

经典js闭包详解

零下一度

发布： 2017-07-20 17:12:06

原创

1702人浏览过

重新看js闭包的时候看到了《大部分人都会做错的经典js闭包面试题》，自己理解并记录了下想法。很多部分博主已经讲得很详细了，只是后面的解释部分文字有点绕。

先贴代码

                fun:                   a = fun(0 a.fun(1 a.fun(2 a.fun(3   b=fun(0).fun(1).fun(2).fun(3  c= fun(0).fun(1 c.fun(2 c.fun(3);

登录后复制

问：每一个输出分别是什么?

答案：

undefined,0,0,0undefined,0,1,2undefined,0,1,1

登录后复制

来逐步拆解：

以上就是经典js闭包详解的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载

来源：php中文网

上一篇：js案例之跑马灯代码下一篇：Javascript异步编程的方法介绍

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章

CSS中behavior属性的介绍及实例使用

1970-01-01 08:00:00
分享CSS溢出overflow实例教程

1970-01-01 08:00:00
什么是伪静态？三种实现PHP伪静态的方法介绍

2023-03-14 13:58:01
锚文本是什么？如何使用？

1970-01-01 08:00:00
html中空格字符实体的详细介绍

1970-01-01 08:00:00
CSS-float详细介绍之clear:both

1970-01-01 08:00:00
分享用Node.js实现注册邮箱的步骤实例

1970-01-01 08:00:00
分享基于字符串加密的MD5算法实例代码

1970-01-01 08:00:00
SQL的模糊查询实例讲解

1970-01-01 08:00:00
基于编译器idea以及tomcat服务器的实例详解

1970-01-01 08:00:00

2025-06-19 09:54:02

595

js如何判断数组是否包含某值数组包含检测的4种实用技巧判断JavaScript数组是否包含某个值，主要有四种方法：includes()、indexOf()、find()和some()。1.includes()方法返回布尔值，true表示包含指定值，适用于ES2016及以上环境；2.indexOf()通过返回索引判断是否存在值，兼容性好但无法正确处理对象；3.find()用于查找满足条件的元素，适合复杂条件判断；4.some()通过回调函数判断是否存在符合条件的元素，语义清晰。对于NaN的判断，需结合Number.isNaN()与some()。判断对

2025-06-19 08:03:01

222

js中if条件里能使用哪些逻辑运算符在JavaScript的if条件中，常用的逻辑运算符有逻辑与（&&）、逻辑或（||）和逻辑非（!），它们分别用于组合、选择和反转条件。1.逻辑与（&&）要求所有条件都为true整体才为true；2.逻辑或（||）只要其中一个条件为true整体就为true；3.逻辑非（!）用于反转条件结果。使用括号可以明确优先级，避免错误。建议包括：简化条件、使用中间变量、编写测试、进行代码审查。此外，&&和||具有短路特性，即当第一个操作数已能决定结果时，第二个操作数将不被评估。还可以使用三元运算符（?:）实现

2025-06-18 22:57:02

253

js如何操作SVG元素 SVG图形操作的3个实用技巧分享操作SVG元素与操作DOM类似，需先获取元素再修改属性或添加事件。1.获取SVG元素使用document.getElementById()或document.querySelector()；2.修改属性可用setAttribute()或直接赋值；3.添加事件监听器通过addEventListener()；4.动态创建SVG元素需用createElementNS()并指定命名空间；5.实现动画可通过requestAnimationFrame()或CSS动画；6.处理事件时注意坐标计算差异；7.优化

2025-06-18 19:21:01

374

JS怎样控制视频画中画 4个API实现视频浮动窗口播放实现视频画中画的核心是使用Picture-in-PictureAPI。1.首先检查浏览器是否支持：通过document.pictureInPictureEnabled属性判断；2.请求进入画中画模式：调用视频元素的requestPictureInPicture()方法并处理Promise结果；3.监听状态变化：通过enterpictureinpicture和leavepictureinpicture事件更新UI；4.控制画中画窗口：通过document.pictureInPictureEleme

2025-06-18 19:00:02

987

js怎样实现长按事件监听长按事件实现的4种解决方案实现JavaScript长按事件监听的核心在于模拟，1.使用基础定时器方案结合mousedown/touchstart和mouseup/touchend事件配合setTimeout控制定时触发；2.为解决移动端滑动干扰，需添加touchmove监听并判断移动距离是否超出阈值；3.可使用PointerEventsAPI统一处理跨平台输入；4.也可借助第三方库如Hammer.js实现高级手势识别；5.长按触发时间一般设为300-1000毫秒，需根据用户体验调整；6.防止重复触发可通过标志位控制；7.

2025-06-18 16:42:02

991

js中多个条件需要轮询判断怎么写轮询判断多个条件的核心是使用定时器结合异步操作以避免阻塞主线程。首先，定义异步的条件判断函数，其次使用setInterval或requestAnimationFrame创建定时器，在回调中依次检查条件，若全部满足则执行操作并停止定时器，否则继续轮询。此外，应设置超时机制防止无限轮询。轮询频率需在响应速度与资源消耗间平衡，过高会增加负载，过低影响响应及时性。避免死循环的关键在于合理退出机制，如最大次数限制、异常处理等。轮询适用于实时性要求不高且服务器不支持WebSocket的场景，而WebSock

2025-06-18 16:03:01

941

js怎样实现代码高亮功能代码高亮显示的4种实现方案代码高亮的实现方案主要有四种，分别是使用现成库、在线服务、自行编写逻辑和借助Markdown解析器。使用现成库如Prism.js、Highlight.js或CodeMirror是最常见的方式，它们支持多语言且配置简便，但会增加页面体积；在线服务无需引入库但依赖网络连接；自行实现适合有特殊需求者，但开发成本高；Markdown解析器方便快捷但灵活性较差。选择时应考虑支持的语言、体积、易用性、可定制性和社区活跃度，其中Prism.js和Highlight.js是热门选择，CodeMirror更适合在

2025-06-18 14:51:01

224

js怎么检测浏览器类型 js检测浏览器类型的5种方法汇总在JavaScript中检测浏览器类型最推荐的方法是使用特性检测。1.特性检测通过判断浏览器是否支持特定API，如if('geolocation'innavigator)；2.避免直接依赖userAgent，因其易被篡改且格式不统一；3.可辅助使用navigator.vendor和navigator.platform判断供应商和操作系统；4.使用第三方库如bowser可提高可靠性；5.处理兼容性问题应优先编写标准代码并提供polyfill备选方案；6.除浏览器类型外还需考虑版本、设备类型、分辨率

2025-06-18 14:48:02

464

js如何生成二维码图片前端生成二维码的3种简单方法前端生成二维码的方法是利用JavaScript库将数据转换为二维码图片，具体步骤包括：1.选择合适的库如qrcodejs2；2.引入库文件到HTML页面；3.编写代码创建QRCode对象并配置参数；4.渲染二维码到指定DOM元素。前端生成的优势在于减轻服务器压力、提升效率，并支持动态内容更新。然而需注意安全风险，如敏感信息暴露和库漏洞，建议重要场景在后端生成并加密。性能优化可通过选用轻量库、合理设置参数、缓存图片及使用WebWorkers实现。

2025-06-18 11:51:02

744