javascript使用方括号（[]）和“.”引用对象的属性和方法

在JavaScript中，使用[]和点号“.”都可以以用对象的属性，但是他们小有却别，

使用[]时，[]里面可以放变量，有用点号时，点号后只能是对象的已存在属性名。

 

这种引用属性（方法）的方式和数组类似，也体现出一个JavaScript对象就是一组属性（方法）的集合这个性质。
这种用法适合不确定具体要引用哪个属性（方法）的场合，例如：一个对象用于表示用户资料，这时一个字符串表示要使用哪个属性，那就可以用这种方式来引用：
<script language="JavaScript" type="text/javascript">
<!--
//定义了一个User 类，包括两个成员age和sex，并指定了初始值。
function User(){
    this.age=23;
    this.sex="男";
}
//创建user 对象
var user=new User();
//根据下拉列表框显示用户的信息
function show(slt){
    if(slt.selectedIndex!=0){
        alert(user[slt.value]);
    }
}
//-->
</script>
<!--下拉列表框用于选择用户信息-->
<select οnchange="show(this)">
<option>请选择需要查看的信息：</option>
<option value="age">年龄</option>
<option value="sex">性别</option>
</select>
在这段代码中，使用一个下拉列表框让用户选择查看哪个信息，每个选项的value就表
示用户对象的属性名称。这时如果不采用方括号的形式，就必须使用如下代码来达到预期效
果：
function show(slt){
    if(slt.selectedIndex!=0){
        if(slt.value=="age")alert(user.age);
        if(slt.value=="sex")alert(user.sex);
    }
}

而使用方括号语法，则只需写为：
alert(user[slt.value]);

由此可见，方括号语法更像一种参数语法，可用一个变量来表示引用对象的哪个属性。