Подклассы из (расширения) элемента HTML?

Это может вам помочь. В этой игре на основе Javascript он расширил элементы table в DOM. MiniRacer на CodeProject .

И я считаю, что он получил свою технику из этой статьи Пола Соудена .

Я не могу понять, что вызывать в конструкторе

Image2.prototype.constructor.call (this);

Да, объекты JavaScript не есть такие классы и цепные конструкторы. У него есть собственная модель прототипов, которая может сбивать с толку, но не t на самом деле обеспечивает надлежащий потенциал наследования прототипов, потому что он все еще привязан к функциям-конструкторам, которые выглядят как конструкторы классов, но на самом деле не являются.

к сожалению, на самом деле это не создает подкласс; это просто замаскированное расширение экземпляров

Да - это все, что дает вам JavaScript. Если вы хотите, вы, безусловно, можете создать свою собственную объектную систему, которая абстрагирует это, так что создается впечатление, что вы создаете классы и экземпляры. Я добавил в качестве примера аромат, который часто использую внизу. Но в JavaScript нет стандарта для создания подкласса чего-либо.

Например, в вашем «стандартном» коде вы говорите:

ClassA.call (this, foo);

, но это работает только потому, что вы написали ClassA таким образом, что вы можете дважды вызвать его, один раз для прототипа ClassA с 'foo', установленным в 'undefined', а затем еще раз для объекта, который наследуется от этого прототипа, чтобы замаскировать этот 'foo' за другим 'foo' поверх.

Это не что-то на самом деле стандарт, который классы, как ожидается, будут делать друг для друга, и, конечно же, не указано, что это будет работать для объектов браузера, не относящихся к JS:

function MyImage() {
    Image.call(this); // might do anything. will almost certainly fail
}
MyImage.prototype= new Image();

В любом случае, установка прототипа на что-то вроде HTMLElement, который не объект нативного JavaScript не определен стандартом ECMAScript и имеет разные уровни успеха; в IE это вообще не работает, свойства прототипа не используются.

Кроме того,

Image2.prototype.constructor

из вашего примера может на самом деле не совпадать с 'Image', как вы ожидать. 'конструктор', помимо того, что является нестандартным свойством, доступным не во всех браузерах, он делает что-то, что в системе классов было бы совсем не тем, о чем вы думаете; его лучше избегать.

Image2 должен иметь все свойства / методы Image и многое другое

В настоящее время единственный способ сделать это - использовать какую-либо оболочку. Вы не можете сделать это с прототипами по причинам, указанным выше; вам придется добавлять свойства к каждому экземпляру отдельно:

function makeImage2() {
    var image= Image();
    image.isBig= function() {
        return this.width>200 || this.height>200;
    };
}

это, конечно, всего лишь заводская функция, а не что-то вроде создания подклассов. Вам придется предоставить свою собственную замену для instanceof.

...

// An example class system
//
Function.prototype.subclass= function() {
    var c= new Function(
        'if (!(this instanceof arguments.callee)) throw(\'Constructor called without "new"\'); '+
        'if (arguments[0]!==Function.prototype.subclass._FLAG && this._init) this._init.apply(this, arguments); '
    );
    if (this!==Object)
        c.prototype= new this(Function.prototype.subclass._FLAG);
    return c;
};
Function.prototype.subclass._FLAG= {};

// Usage
//
ClassA= Object.subclass();
ClassA.prototype._init= function(foo) {
    this.foo= foo;
};
ClassA.prototype.toString= function() {
    return 'My foo is '+this.foo;
};

ClassB= ClassA.subclass();
ClassB.prototype._init= function(foo, bar) {
    ClassA.prototype._init.call(this, foo);
    this.bar= bar;
};
ClassB.prototype.toString= function() {
    return ClassA.prototype.toString.call(this)+' and my bar is '+this.bar;
};