Js中的類式繼承

作者: .小賀來源: 博客園發布時間: 2010-07-29 16:22 閱讀: 2311 次推薦: 0 原文鏈接 [收藏]

　　類式繼承對于大部分開發者來說都已經熟悉,只要有了帶方法(method)的類(class)就可以把他們實例化(instantiate)為對象.

　　下面就有一個簡單的方法來模擬類式繼承.代碼清單如下:

    //輔助函數定義
    Function.prototype.method = function( name,func ){
        this.prototype[name] = func;
         return this;
    }

    //實現函數
    Function.method('inherits', function(parent){
        //記錄我們目前所在父層次的級數
        var depth = 0;
        //繼承父對象的方法
        var proto = this.prototype = new parent();

        //特權函數
        this.method('uber', function uber(name){
            var func;
            var ret;
            var v = parent.prototype;
            //如果我們已經在某個 'uber' 函數之內
            if(depth){
                for (var i=d; i>0;i+=1) {
                    v = v.constructor.prototype;
                };
                //從該prototype中或得函數
                func = v[name];
            }
            else{
                //從prototype獲得要執行的函數
                func = prototype[name];

                //如果此函數屬于當前的prototype
                if( func == this[name]){
                    //則改為調用父對象的prototype
                    func = v[name];
                }
            }
            //記錄我們在繼承堆棧中所在位置的級數
            depth += 1;

            //
            ret = func.apply(this,Array.prototype.slice.apply(arguments,[1]));

            //恢復繼承堆棧
            depth -= 1;

            return ret;
        });
        return this;
    })
    //只繼承父對象特定函數的函數
    Function.method('swiss',function(parent){
        for (var i=1; i<arguments.length; i++) {
            var name = arguments[i];
            //將此方法導入this對象的prototype
            this.prototype[name] = parent.prototype[name];
        };
        return this;
    })
        function Person( name ){
        this.name = name;
    }

    //實現的例子
    Person.method('getName', function(){
        return name;
    })
    function  User( name, password ){
        this.name = name;
        this.password = password;
    }
    User.inherits( Person );
</script>

　　下面重點講解一下,上面的三個函數

　　1.Function.prootype.method:它提供了一個簡單的方法,把函數與構造函數的原型關聯起來;之所以有效,是因為所有的構造函數本身都是函數,所以能獲得"method"這個新方法;

　　來自:小賀

　　2.Function.prototype.inherite: 這一函數可以提供簡單的對象繼承,他的代碼主要圍繞在任意方法中調用this.uber('methodName')為中心,并在讓這個uber方法去執行他要覆蓋的父對象.這是javascript繼承模型中并未內建的部分.

　　3. Functon.prototype.swiss:這是.method()函數的增強版,可以用于從單一父對象獲取多個函數.如果用在多個父對象上就能能獲得可用的多對象繼承.