在JavaScript中,每个对象可以看作是多个属性(方法)的集合,引用一个属性(方法) 很简单,即: 对象名.属性(方法)名 除此之外,还可以用方括号的形式来引用: 对象名[“属性(方法)名”] 注意,这里的方法名和属性名是一个字符串,而非原先点号后面的标识符,例如: var arr=new Array(); //为数组添加一个元素 arr[“push”](“abc”); //获得数组的长度 var len=arr[“length”]; //输出数组的长度 alert(len); 图4.1 显示了执行的结果。 图4.1 引用对象属性示例 由此可见,上面的代码等价于: var arr=new Array(); //为数组添加一个元素 arr.push( “abc”); //获得数组的长度 var len=arr.length; //输出数组的长度 alert(len); 这种引用属性(方法)的方式和数组类似,也体现出一个JavaScript对象就是一组属性 (方法)的集合这个性质。 这种用法适合不确定具体要引用哪个属性(方法)的场合,例如:一个对象用于表示用 户资料,这时一个字符串表示要使用哪个属性,那就可以用这种方式来引用: <script language="JavaScript" type="text/javascript"> <!-- //定义了一个User 类,包括两个成员age和sex,并指定了初始值。 function User(){ this.age=21; this.sex="male"; } //创建user 对象 var user=new User(); //根据下拉列表框显示用户的信息 function show(slt){ if(slt.selectedIndex!=0){ alert(user[slt.value]); } } //--> </script> <!--下拉列表框用于选择用户信息--> <select onchange="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]); 由此可见,方括号语法更像一种参数语法,可用一个变量来表示引用对象的哪个属性。 如果不采用这种方法,又不想用条件判断,可以使用eval函数: alert(eval(“user.”+slt.value)); 这里利用eval函数的性质,执行了一段动态生成的代码,并返回了结果。 实际上,在前面讲述document 的集合对象时,就有类似方括号的用法,比如引用页面 中一个名为“theForm”的表单对象,曾经的用法是: document.forms[“theForm”]; 其实也可以写为: document.forms.theForm; 但这里的forms 对象是一个内部对象,和自定义对象不同的是,它还可以用索引来引用 其中的一个属性。
JavaScript对象就是一组属性(方法)的集合
时间: 2024-11-10 06:53:02