码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-05-06 22:48:45      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

 

 

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

标签:

原文地址:http://www.cnblogs.com/blinzhang/p/4483353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!