问个很白痴的问题，为什么函数不能写在FOR循环里面

Question

源代码：

var checkbox = document.getElementsByTagName('input');
var all = document.getElementById('all');
var none = document.getElementById('none');
var dis = document.getElementById('dis');
var attr = [];
for(var i = 0; i < checkbox.length; i++) {
    if(checkbox[i].type == 'checkbox') {
        attr.push(checkbox[i]);
    }
}
all.onclick = function() {
    for(var j = 0; j < attr.length; j++) {
        attr[j].checked=true;
    }
}
none.onclick = function(){
    for(var j = 0; j < attr.length; j++) {
        attr[j].checked=false;
    }
}
dis.onclick = function(){
    for(var j = 0; j < attr.length; j++) {
        attr[j].checked= !attr[j].checked;
    }
}

两个问题：
函数为什么不能写在FOR循环里面；
是否可以简化代码

Answer 1

然后我重新想了一下，好像也是可以的，不过我没有测试

 var checkbox = document.getElementsByTagName('input');
        var all = document.getElementById('all');
        var none = document.getElementById('none');
        var dis = document.getElementById('dis');
        var attr = [];
        for(var i = 0; i < checkbox.length; i++) {
            if(checkbox[i].type == 'checkbox') {
                attr.push(checkbox[i]);
                all.addEventListener("click", function () {
                    checkbox[i].checked=true;//这个checkbox[i]这么写不是很安全
                });
                ...
                ...
            }
        }