面向对象的JavaScript（一） — 类及类的继承

    看到很多做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("飞飞", 1000, 100);//实例化出一个人物
    var rabbit = new Role("兔子", 400, 50); //实例化出一个怪物
    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(this, new 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("小小", 10000, 500, 200, 100,0);
    var dog = new Monster("狗狗", 600, 20);
    xiaoxiao.physicalAttack(dog);
    xiaoxiao.magicAttack(dog);
    alert("狗狗当前HP:" + dog.hp);
    alert("小小当前Exp:" + xiaoxiao.exp);

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