JavaScript基础-面向对象编程<1>
1.1 函数与对象
1.定义函数的方式定义类
定义类的方法:
function class1(){ //类成员的定义及构造函数部分 }
class1既是一个函数,也是一个类。
使用 new 操作符获得一个类的实例
new 操作符,不仅对JavaScript的内部对象有效,同样可以用于自定义的类来获取一实例。
例如:
1 var obj1=new class1;//获得class1的实例,即一个对象obj1
使用点格式和方括号格式引用对象的属性和方法
对象名.属性或方法名
对象名.["属性或方法名"]
例如:
1 var arr=new Array(); //获取一个数组对象实例 2 arr.push("abc");//为数组添加一个元素,push()为Array()的方法 3 var len=arr.length; // 获取数组的长度,length是Array()的属性 4 alert(len); //输出数组的长度
或者
var arr = new Array(); arr["push"]("abc"); var len=arr["length"]; alert(len);
这种引用的方式和数组类似,体现了对象就是一组属性和方法的集合。
使用了方括号格式实现调用
<script type="text/javascript"> // 定义一个类User并包括个成员age和sex,指定初始值 function User(){ this.age=21; this.sex="male"; } var user= new User(); //创建一个对象user //根据下列列表选项显示用户信息 function show(slt){ if(slt.selectIndex!=0){ alert(user[slt.value]);//根据属性选项显示其值,使用了方括号格式调用 /* 若使用点格式,则用if(slt.value="age")alert(user.age); if(slt.value="sex")alert(user.sex); */ } } <script> //创建下列列表框用于选择并显示信息 <select onChange="show(this)"> <option>请选择需要查看的信息</option> <option value="age">年龄</option> //属性选项可以是二者其一 <option value="sex">性别</option> </select>