为什么事件可以用方括号来生成?

elem["on"+type] = ata; //这里为什么要用到方括号才可以呢?求解
elem+".on"+type = ata; //这个经我测试是不行的
JScript code

var $ = function(id){return document.getElementById(id)}
        
        function ata(){
            alert("sd")
        }
        function ads2(elem,type){
            console.log(elem)
            elem["on"+type] = ata;
            console.log(elem["on"+type])
        }
        ads2($("cl"),"click")

对于js的对象 , 属性可以用["xx"]的形式来引用 obj.xx 相当于 obj["xx"]