JavaScript面向对象编程

来源:互联网 发布:阿里云业务发展渠道 编辑:程序博客网 时间:2024/05/17 06:36
 暂时放弃js框架吧
开始写javascript的时候都是自己写,后来发现了prototype.js框架,发现很好用,就一直用的,他的对象创建方法被修改了,但很好用,再后来又转用jquery框架,受此框架影响,也不用自己创建类了,渐渐的竟然忘记了如何自己定义类了,猛的给一个一般方法,竟然看着别扭,混淆了很多东西,忘记了很多东西。今天回头整理下。
一下方法参考prototype.js
程序代码 程序代码
  
    //类的定义
    
    //方法一:类的一般定义方法
    function player1(_name)
    {
        this.name = _name;
        this.say = function() {alert(this.name);};
    }
    
    var p1 = new player1('llinzzi1');
    p1.say();
    
    
    //方法二:prototype定义方法
    var player2 = function() {}
    player2.prototype = {
        name:'',
        say:function(){
            alert(this.name);
        }
    }
    
    var p2 = new player2();
    p2.name = 'llinzzi2';
    p2.say();
    
    
    //方法三:上面的方法结构美观,便捷,但构建函数不能带参数,修改方法
    var player3 = function() {
        this.init.apply(this, arguments);
    }
    player3.prototype = {
        init:function(_name){
            this.name = _name;
        },
        say:function(){
            alert(this.name);
        }
    }
    
    var p3 = new player3('llinzzi3');
    p3.say();
    
    //类的继承
    
    //方法一
    var player4 = function(){
        this.init.apply(this, arguments);
    }
    player4.prototype = new player3;
    player4.prototype.shout = function(){
        alert(this.name.toUpperCase());
    }
    
    var p4 = new player4('llinzzi4');
    p4.shout();
    
    
    //方法二 上面的方法不能采用{}的方法,修改方法
    Object.extend = function(destination, source) {
      for (var property in source)
        destination[property] = source[property];
      return destination;
    };
    
    var player5 = function(){
        this.init.apply(this, arguments);
    }
    Object.extend(Object.extend(player5.prototype,player3.prototype),{
        shout:function(){
            alert(this.name.toUpperCase());
        }
    
    });
  
    var p5 = new player5('llinzzi5');
    p5.shout();