码迷,mamicode.com
首页 > 其他好文 > 详细

用闭包减少代码

时间:2014-05-21 12:10:41      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   c   code   java   

 

做一个radiolist控制textbox显示隐藏的功能,最初的代码:

bubuko.com,布布扣
rblSecurityCameras = document.getElementsByName("<%=rblSecurityCameras.UniqueID %>");
        txtSecurityCameras = document.getElementById("<%=txtSecurityCameras.ClientID %>");


        for (i in rblSecurityCameras) {
            rblSecurityCameras[i].onclick = function(){
                if (this.value == "2" && this.checked) {
                    txtSecurityCameras.style.display = ‘none‘;
                }
                else if (this.value == "1" && this.checked) {
                    txtSecurityCameras.style.display = ‘‘;
                }
};
             if (rblSecurityCameras[i].value == "2" && rblSecurityCameras[i].checked) {
                    txtSecurityCameras.style.display = ‘none‘;
                }
                else if (rblSecurityCameras[i].value == "1" && rblSecurityCameras[i].checked) {
                    txtSecurityCameras.style.display = ‘‘;
                }
        }
bubuko.com,布布扣

点击事件和load的过程的代码是相同的,有代码洁癖的我就不干了。

使用闭包

bubuko.com,布布扣
 1 rblSecurityCameras = document.getElementsByName("<%=rblSecurityCameras.UniqueID %>");
 2         txtSecurityCameras = document.getElementById("<%=txtSecurityCameras.ClientID %>");
 3 
 4         var mm = function(obj, txt) {
 5             return (function() {
 6                 if (obj.value == "2" && obj.checked) {
 7                     txt.style.display = ‘none‘;
 8                 }
 9                 else if (obj.value == "1" && obj.checked) {
10                     txt.style.display = ‘‘;
11                 }
12             });
13         };
14 
15         for (i in rblSecurityCameras) {
16             rblSecurityCameras[i].onclick = mm(rblSecurityCameras[i], txtSecurityCameras);
17             mm(rblSecurityCameras[i], txtSecurityCameras)();
18         }
bubuko.com,布布扣

 

用闭包减少代码,布布扣,bubuko.com

用闭包减少代码

标签:style   blog   class   c   code   java   

原文地址:http://www.cnblogs.com/405464904/p/3740484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!