1 / 33
文档名称:

JS面向对象教程.pdf

格式:pdf   大小:1,523KB   页数:33页
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

JS面向对象教程.pdf

上传人:小辰GG 2022/6/26 文件大小:1.49 MB

下载得到文件列表

JS面向对象教程.pdf

相关文档

文档介绍

文档介绍:: .
-
JavaScript中支ipt language="JavaScript" type="text/javascript">
<!--
//定义了一个 User 类,包括两个成员 age 和 sex,并指定了初始值。
function User(){
=21;
="male";
}
//创建 user 对象
var user=new User();
//根据下拉列表框显示用户的信息
function show(slt){
if(!=0){
alert(user[]);
}
}
//-->
</script>
<!--下拉列表框用于选择用户信息-->
<select onchange="show(this)">
<option>请选择需要查看的信息:</option><option value="age">年龄</option>
<option value="sex">性别</option>
</select>
在这段代码中,使用一个下拉列表框让用户选择查看哪个信息,每个选项的 value 就表示用户对象的属性名称。这时如果不采
用方括号的形式,可使用如下代码来实现:
function show(slt){
if(!=0){
if(=="age")alert();
if(=="sex")alert();
}
}
而使用方括号语法,则只需写为:
alert(user[]);
方括号语法像一种参数语法,可用一个变量来表示引用对象的哪个属性。如果不采用这种方法,又不想用条件判断,可以使用
eval 函数:
alert(eval("user."+));
这里利用 eval 函数的性质,执行了一段动态生成的代码,并返回了结果。
实际上,在前面讲述 document 的集合对象时,就有类似方括号的用法,比如引用页面中一个名为“theForm”的表单对象,以前
的用法是:
["theForm"];
也可以改写为:
;
forms 对象是一个内部对象,和自定义对象不同的是,它还可以用索引来引用其中的一个属性。
动态添加、修改、删除对象的属性和方法
上一节介绍了如何引用一个对象的属性和方法,现在介绍如何为一个对象添加、修改或者删除属性和方法。
其他语言中,对象一旦生成,就不可更改,要为一个对象添加、修改成员必须要在对应的类中修改,并重新实例化,程序也必
须重新编译。JavaScript 提供了灵活的机制来修改对象的行为,可以动态添加、修改、删除属性和方法。例如:先用类 Object
来创建一个空对象 user:
var user=new Object();
1.添加属性
这时 user 对象没有任何属性和方法,可以为它动态的添加属性,例如:
="jack";
=21;
="male";
通过上述语句,user 对象具有了三个属性:name、age 和 sex。下面输出这三个语句:
alert();
alert();
alert();
由代码运行效果可知,三个属性已经完全属于 user 对象了。
2.添加方法
添加方法的过程和添加属性类似:
=functio