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>