实现JavaScript Web API接口

Question

HTMLElement（及其后代，例如HTMLDivElement，HTMLSpanElement等）根据MDN documentation定义为接口。

如果我想用TypeScript实现这些接口，我可以执行以下操作。

class CustomElement implements HTMLElement {
    // implementation
}

然而，在TypeScript中实现接口不会生成任何代码，因此很难看到如何使用纯JavaScript实现接口实现。

如何使用纯JavaScript实现这些接口？

Answer 1

的 jsFiddle Demo 的

您将使用HTMLElement的原型

var CustomElement = function(){}; 
CustomElement.prototype = HTMLElement.prototype;

现在，您可以使用new关键字

构建它们

var myElement = new CustomElement();
//myElement will now have access to the HTMLElement prototype