JavaScript 闭包函数

2023-04-11 0 364

闭包函数特点:

  • 函数嵌套函数
  • 内部函数使用外部的形参和变量
  • 被引用的形参和变量就不会被 【垃圾回收机制所回收,使内部函数的变量常驻内存中】
window.onload = function(){//闭包实现按钮遍历完后,点击按钮输出对应的键值。

                var oBtn = document.getElementsByTagName("button");

                for(var i = 0;i < oBtn.length;i++){

                    oBtn[i].onclick = (function(index){

                        return function(){

                            alert(index);

                        }

                    })(i);//这里的i相当于传入函数的参数 所以就是index就是等于i 

                }
    
    /* 上面的是简写成立即执行函数的闭包

                for(var i = 0;i < oBtn.length;i++){

                    oBtn[i].onclick = btnClick(i);

                }

                //btnClick(0) index = 0
                
                function btnClick(index){

                    return function(){

                        alert(index);

                    }

                } */
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明:该资源仅供学习和研究传播,大家请在下载后24小时内删除,一切关于该资源商业行为和违法行为与www.dao123.com无关。

岛友 前端技术 JavaScript 闭包函数 https://www.dao123.cc/95.html

JavaScript 闭包函数
上一篇: JavaScript递归函数
JavaScript 闭包函数
下一篇:

已经没有下一篇了!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
查看详情
  • 如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理
查看详情
  • 源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源
查看详情
  • 对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

海量资源,每日更新