实现JavaScript Web API接口

  • Z时代
  • 2024-01-10
  • 分类：问答

HTMLElement（以及它的后代，如HTMLDivElement,HTMLSpanElement等）被定义为根据MDN documentation的接口。实现JavaScript Web API接口

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

class CustomElement implements HTMLElement { 
    // implementation 
}

但是在TypeScript中实现接口不会生成任何代码，所以很难看到如何用纯JavaScript实现接口实现。

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

回答：

jsFiddle Demo

你可以使用HTML元素

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

的原型，现在你可以使用关键字new

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

以上是 实现JavaScript Web API接口 的全部内容， 来源链接： utcz.com/qa/259737.html

回到顶部