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

Если вы открыты для пользования библиотекой, используйте _.extend из underscore.js. В противном случае, добавьте этот код в ваш кодовую:

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!