码迷,mamicode.com
首页 > Web开发 > 详细

js面向对象编程

时间:2014-12-07 21:42:18      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   使用   sp   java   strong   

 1.js面向对象之对象

1.1js代码

 

<script>
function hello(){
    alert("hi!");
}
//使用prototype属性为类添加属性和方法
hello.prototype={
    name:"lihua",
    say:function(){
        alert(this.name);
    }
} 
//测试
function test(){
    var people=new hello();
    people.say(); 
    alert(people.name);
}
test();  //hi!  lihua   lihua                     
</script>

向一个对象添加实例方法和属性,我们可以采用上述的方式,即使用prototype关键字进行赋值,格式如下:

对象名称.prototype = {
属性一 : 属性值,
属性二 : 属性值,
方法一 : function(参数列表) {
    方法体;
  },
方法二 : function(参数列表) {
    方法体;
  }
}

可以按照如上方式对一个对象进行多个属性和方法的定义,这样在new一个对象后,就可以使用实例名称.属性或方法来获取属性或执行方法了。

  1.2上述代码中属性和方法类似于java中共有属性和方法,如何声明私有属性和方法?

javascript中函数允许嵌套,我们可以利用内嵌函数和属性声明私有方法和属性

js代码

<script>
//借助javascript允许函数嵌套机制实现类
function hello(){
    var privatePro="hi";
    this.say=function(){
        alert(privatePro);
    }     
}
//测试
function test(){
    var people=new hello();
    people.say();             //调用say()方法打印hi
    alert(people.privatePro); //打印undefined
}
test();                       //hi!    undefined 
</script>

1.3上面所说的都是定义一个类的实例方法和属性。在JAVA中类有实例方法和属性与类方法和属性之分。所谓类属性和方法就是该类的所有实例都只维护一份类属性和类方法的副本,而不是每个实例都维护一套,这和实例属性和实例方法是不一样的。那么在JS中如何为一个类定义静态类方法和类属性呢?

直接为类添加静态属性和静态方法

注意:静态属性和静态方法只能通过类名进行访问,不能通过实例进行访问

js代码

<script>
//借助javascript允许函数嵌套机制实现类
function hello(){
    var privatePro="hi";
    this.say=function(){
        alert(privatePro);
    }     
}
//为hello类添加静态属性和方法
hello.age=23;
hello.getAge=function(){
    alert(hello.age)
}
//测试
function test(){
    var people=new hello();
    people.say();             //正确,实例方法,通过实例调用say()方法打印hi
    alert(people.privatePro); //打印undefined
    hello.getAge();           //正确,静态方法通过类名进行访问
    people.getAge();          //错误,不能通过实例访问静态方法,回报js错误
}
test();                       
</script>

2.js面向对象之继承

2.1js继承大体分为两种:对象冒充,原型方式

 

js面向对象编程

标签:style   blog   io   ar   color   使用   sp   java   strong   

原文地址:http://www.cnblogs.com/duduSunny/p/4149891.html

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