TypeScript 接口实现

Question

我正在使用TypeScript 编写程序。问题是我实现了HTMLElement接口。

export class IEElement implements HTMLElement {
   // something here
}

编译器显示许多错误，我缺少一些属性（IEElement 声明了一个接口，但没有实现它）。我已经实现了大约 5 个我需要的属性。其余的都是多余的。如何避免错误？我需要实现所有接口成员吗？

Answer 1

是的，您需要实现所有非可选接口成员。

接口是一个契约，如果您有一个实现该契约的类，您承诺实现该契约中的所有内容。

HTMLElement 接口有很多实现 - 但如果您只是想添加一些行为，也许您可​​以从现有实现开始...

interface SpecialElement extends HTMLElement {
    myCustomFunction: () => void;
}

var element = <SpecialElement>document.getElementById('example');

element.myCustomFunction = function () { };