"[]" 和 点号的区别？

<script>
function getAttributeValue(attr)
{
    alert(person[attr])}
var person=new Object();
person.name="yangxiao";
person.age=10;
getAttributeValue("name");
getAttributeValue("age");
</script>
标记为红色部分的语句：alert(person[attr]);
我将“[]”该为 “.”为什么弹出对话框是：undefine呢？
我想请教这两个符号之间的区别？

alert(person[attr])}
var person=new Object();
这里的两个person一个是全局变量，另一个用var声明后的局部变量。