WEB2.0 web20
当前位置:首页 > 网站建设专题 > WEB2.0
面向对象的JavaScript(一) — 类及类的继承
发布日期:2009-09-09 阅读次数:587 字体大小:

看到很多做ASP.NET开发的JS水平都很差,所以想写一个面向对象的JavaScript系列,希望对JS新手有所帮助。不知道能否坚持下去。今天从类(非静态类)及类的继承开始。我用游戏中的角色(玩家,怪物)来做示例。

首先是角色类,具有基本属性 Name,HP,PhysicalDamage和基本方法PhysicalAttack

以下为引用的内容:

    //角色
    //类名:Role
    function Role(name, hp, pd) {
        
this.Name = name; //属性-名字
        this.HP = hp; //属性-生命
        this.PhysicalDamage = pd; //属性-物理攻击力
        //方法-物理攻击(r:被攻击目标)
        this.PhysicalAttack = function(r) {
            alert(
this.Name + " 物理攻击 " + r.Name + "\r\n HP - " + this.PhysicalDamage);
            r.HP 
= r.HP - this.PhysicalDamage;
        }
    }
    
    
var feifei = new Role("飞飞"1000100);//实例化出一个人物
    var rabbit = new Role("兔子"40050); //实例化出一个怪物
    feifei.PhysicalAttack(rabbit); //发起物理攻击
    alert("兔子当前HP:" + rabbit.HP);

由于Role类不能满足需要,我们新建两个类Player,Monster继承Role

以下为引用的内容:

    //普通怪物 继承 Role
    function Monster(name, hp, pd) {
        Role.apply(
this, arguments); //通过apply实现继承,强大的apply使Monster具备了Role的所有属性与方法,apply和call是个神奇的东西,大家有兴趣自己谷歌。
    }
    
//玩家 继承 Role
    function Player(name, hp, mp, pd, md, exp) {
        Role.apply(
thisnew Array(name, hp, pd)); //通过apply实现继承,并传参赋值
        this.MP = mp; //属性-魔法值
        this.MagicDamage = md; //属性-魔法攻击力
        this.Exp = exp; //属性-经验值
        //方法-魔法攻击(r:被攻击目标)
        this.MagicAttack = function(r) {
            
if (this.MP > 9) {
                alert(
this.Name + " 魔法攻击 " + r.Name + "\r\n HP - " + this.PhysicalDamage + "\r\n MP - 10 , Exp + 10");
                r.HP 
= r.HP - this.MagicDamage;
                
this.MP -= 10;
                
this.Exp += 10;
            }
            
else
                alert(
"魔法值不够");
        };
        
//这里重写 PhysicalAttack 方法,很不方便!不知道有好的方法没???
        this.PhysicalAttack = function(r) {
            alert(
this.Name + " 物理攻击 " + r.Name + "\r\n HP - " + this.PhysicalDamage + "\r\n Exp + 10");
            r.HP 
= r.HP - this.PhysicalDamage;
            
this.Exp += 10;
        };
    }
    
var xiaoxiao = new Player("小小"10000500200100,0);
    
var dog = new Monster("狗狗"60020);
    xiaoxiao.PhysicalAttack(dog);
    xiaoxiao.MagicAttack(dog);
    alert(
"狗狗当前HP:" + dog.HP);
    alert(
"小小当前Exp:" + xiaoxiao.Exp);

代码中做了详细的注释,就不在废话。