模板小程序有哪些优势_JS中闭包的经典用法小结

摘要: JS中闭包的經典使用方法总结(2则实例) 本文关键详细介绍了JS中闭包的經典使用方法,融合2则实例剖析了JS闭包的有关应用方法,具备一定参照效仿使用价值,必须的朋友能够参照下文...

JS中闭包的经典用法小结(2则示例)       这篇文章主要介绍了JS中闭包的经典用法,结合2则示例分析了JS闭包的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例总结了JS中闭包的经典用法。分享给大家供大家参考,具体如下:

闭包这个东西,网上有很多介绍资料。个人看了很多,还是一知半解。这里不做理论介绍,直接给出2个例子。

代码1:记录函数被调用的次数

function a()
 var i = 0;
 function b()
 return ++i;
 return b;
var c = a();
c();//1
c();//2

这种方式类似C语言中的private static变量,能够保持局部变量的内存不释放。

代码2:正确给DOM注册事件处理函数

 body 
 input type="button" id="b1" value="1" 
 input type="button" id="b2" value="2" 
 input type="button" id="b3" value="3" 
 input type="button" id="b4" value="4" 
 script type="text/javascript" 
 var buttons = document.getElementsByTagName("input");
 for (var i = 0; i buttons.length; i++)
 // 方式1:i的值一直是3
 //buttons[i].onclick = function() {
 // console.log(i + " was clicked.");
 // 方式2:从0到3,是我们要的效果
 (function(i){
 buttons[i].onclick = function() {
 console.log(i + " was clicked.");
 })(i);
 /script 
 /body 

更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。




联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:网页设计模板图片