码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript一个类继承中实现

时间:2015-07-06 11:42:51      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

JavaScript类是默认原型对象继承:

var Person = function() {
    this.name = "people";
    this.hello = function() {
      console.log("hello user:" + this.name);
    }
}

var User = function() {
    this.name = "user";
    this.hello = function() {
      User.prototype.hello.call(this, arguments);
      console.log("hello user:" + this.name);
    }
}

User.prototype = new Person();
new User().hello();
有没有一种方法。可以让JavaScript的类像Java那样,通过一个superkeyword即调用父类的方法,于是我这样扩展了Function:

(function() {
    Function.prototype.extend = function(baseClass) {

        // this is a function object.
        var oldPrototype = this.prototype, newPrototype = {}, _super = new baseClass();

        //inherits all properties and methods.
        for ( var name in _super) {
            newPrototype[name] = _super[name];
        }

        for ( var name in oldPrototype) {
            // only override properties in this new Class.
            if (oldPrototype.hasOwnProperty(name)) {
                // only function need _super.
                if (typeof oldPrototype[name] == "function" && typeof _super[name] == "function") {
                    newPrototype[name] =  (function(name, fn) {
                            return function() {
                                var tmp = this._super;
                                
                                // set super method
                                this._super = _super[name];

                                var ret = fn.apply(this, arguments);
            
                                this._super = tmp;
            
                                return ret;
                            };
                        })(name, oldPrototype[name]);
                }
            }
        }

        this.prototype = newPrototype;
        
        return this;
    };
})();
測试代码
var A = function() {
    this.hello = function() {
        console.log("hello, I‘m A");
    }
};

var B = function() {};

B.prototype = {
    hello : function() {
        this._super();

        console.log("hello, I‘m B");
    }
};

B.extend(A);

var C = function() {};

C.prototype = {
    hello : function() {
        this._super();

        console.log("hello, I‘m C");
    }
};

C.extend(B);

var b = new B();
var c = new C();

//b.hello();
c.hello();

结果

hello, I‘m A
hello, I‘m B
hello, I‘m C




版权声明:本文博客原创文章。博客,未经同意,不得转载。

JavaScript一个类继承中实现

标签:

原文地址:http://www.cnblogs.com/mengfanrong/p/4623705.html

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