JavaScript基础-面向对象编程<1>

1.1 函数与对象

 1.定义函数的方式定义类

   定义类的方法：

 function class1(){ //类成员的定义及构造函数部分 } 

 class1既是一个函数，也是一个类。

 使用 new 操作符获得一个类的实例

new 操作符，不仅对JavaScript的内部对象有效，同样可以用于自定义的类来获取一实例。

例如：

var obj1=new class1;//获得class1的实例，即一个对象obj1

使用点格式和方括号格式引用对象的属性和方法

   对象名.属性或方法名

   对象名.["属性或方法名"]

例如：

var arr=new Array(); //获取一个数组对象实例
arr.push("abc");//为数组添加一个元素，push()为Array()的方法
var len=arr.length; // 获取数组的长度，length是Array()的属性
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>