兩者相同的地方：

console.log(div.style['top'] === div.style.top);

此時(shí)會輸出ture,說明兩者是等效的
兩個(gè)都單獨(dú)輸出的時(shí)候，會顯示空值。只有具體賦值的時(shí)候，會看到效果

兩者不同的地方，當(dāng)出現(xiàn)了變量的時(shí)候

    var obj = {};
    obj.name = '隔壁老王';
    var yourName = "name";
    console.log(obj[yourName]);//隔壁老王
    console.log(obj.yourName);//undefined

此時(shí)我們查看一下obj的屬性,可以發(fā)現(xiàn)obj.name=xxx其實(shí)是設(shè)置了一個(gè)【字符串類型】的屬性
而var yourName = "name";則把這個(gè)字符串屬性的值賦值給了變量yourName

console.log(Object.keys(obj));//輸出["name"]

總結(jié)：

"."點(diǎn)只能取到【靜態(tài)】的值，[]則能夠取到作為【變量動態(tài)】改變的值