您好,欢迎访问一九零五行业门户网

JavaScript面向对象编程_javascript技巧

//类的定义
//方法一:类的一般定义方法
    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();
//再从prototype.js抄一端浏览器判断代码
browser = {
        ie:     !!(window.attachevent && !window.opera),
        opera:  !!window.opera,
        webkit: navigator.useragent.indexof('applewebkit/') > -1,
        gecko:  navigator.useragent.indexof('gecko') > -1 && navigator.useragent.indexof('khtml') == -1,
        mobilesafari: !!navigator.useragent.match(/apple.*mobile.*safari/)
    }
alert(browser.mobilesafari);
其它类似信息

推荐信息