Javascript擴展類與道具？

Question

我已經類定義爲：

function MyClass() { 

} 

MyClass.prototype = { 
     init: function() { 
       alert('My parent class!'); 
     }, 
     method1: function() {}, 
     method2: function() {} 
}; 

和屬性對象：

{ 
    init: function() { 
       MySubClass.superclass.init.apply(this, arguments); 
       alert('test!'); 
    }, 

    test: function() { 
       alert(); 
    } 
} 

，我需要功能，這將是延伸基類（MyClass的）道具（對象），並返回新的擴展的子類（到MySubClass）：

MySubclass = extend(MyClass, { 
    init: function() { 
       MySubClass.superclass.init.apply(this, arguments); 
       alert('test!'); 
    }, 

    test: function() { 
       alert(); 
    } 
}); 

構造函數必須由新構造函數替換（從init）。

我需要一個正確的方法。

爲什麼它不能正常工作？

extend: function(bc, o) { 
     // result class (apply only first constructor) 
     var cls = function() {}; 
     cls.prototype = bc.prototype; 

     for (var k in o) 
      cls.prototype[k] = o[k]; 

     cls.superclass = bc.prototype; 

     return cls; 
    } 

Answer 1

如果您打算使用庫，請使用underscore.js的_.extend。否則，該代碼添加到你的代碼：

extend = function(obj) { 
    each(slice.call(arguments, 1), function(source) { 
     if (source) { 
     for (var prop in source) { 
      obj[prop] = source[prop]; 
     } 
     } 
    }); 
    return obj; 
    }; 

Answer 2

我看你們還標有jQuery的 - 如果你確實使用jQuery，你可能有興趣使用$.extend。

Answer 3

你extend功能必須是這個樣子 - 現在這是比你應該如何真正落實它要簡單得多，但它應該工作：

var extend = function(Super, props) { 
    var sinstance = new Super() 
    var sclass = props.constructor || sinstance.constructor; 
    sclass.prototype.super = sinstance; 
    sclass.prototype.constructor = Super; 

    //use underscore extend prototypes cause im too lazy to type it out 
    _.extend(sclass.prototype, sinstance, props); 
    return sclass; 
} 

調用subclass.super.call(this, props...)允許您訪問覆蓋超級方法。

只是測試這個作品，如果下劃線的js是頁面上：

function MyClass() { 

} 
MyClass.prototype = { 
     init: function() { 
       alert('My parent class!'); 
     }, 
     method1: function() {}, 
     method2: function() {} 
}; 

MySubclass = extend(MyClass, { 
    init: function() { 
       this.super.init.apply(this, arguments); 
       alert('test!'); 
    }, 

    test: function() { 
       alert(); 
    } 
}); 

var test = new MySubclass(); 
test.init("yo"); //alerts My parent class 

爲您更新，你也可以這樣做：

MySubclass2 = extend(MyClass, { 
    constructor: function() { 
     this.init(); 
    }, 

    init: function() { 
       this.super.init.apply(this, arguments); 
       alert('test!'); 
    }, 

    test: function() { 
       alert(); 
    } 
}); 

var test2 = new MySubclass2();//alerts My parent class 

Answer 4

在此請看：https://github.com/haroldiedema/joii

var BaseClass = function() 
{ 
    this.some_var = "foobar"; 

    /** 
    * @return string 
    */ 
    this.someMethod = function() { 
     return this.some_var; 
    } 
}; 

var MyClass = new Class({ extends: BaseClass }, function() 
{ 
    /** 
    * @param string value 
    */ 
    this.__construct = function(value) 
    { 
     this.some_var = value; 
    } 

}) 

用法：

var obj = new MyClass("Hello World!"); 
console.log(obj.someMethod()); // Hello World!