Typescript:TextNode 的类型

Question

如果你写下面的代码:

const e = document.body.firstChild;
if (e.nodeType === Node.TEXT_NODE)
    console.log(e.data);

您将在 e.data 上收到此错误消息:

TS2339: Property 'data' does not exist on type 'ChildNode'.

而如果条件为真 ( e.nodeType === Node.TEXT_NODE ) 那么 e除了常规的 ChildNode 之外，还有一些其他属性属性，例如 data 和 wholeText .

我应该转换成什么类型​​( any 除外)？

Answer 1

我认为您应该根据 nodeName 编写您的条件，因此它将为文本节点返回“#text”。

nodeName Example on MDN

您在 TypeScript 中寻找的界面是 CharacterData或者干脆Text . 在 Text界面你将拥有data和 wholeText属性，因为它实现了 characterData界面。在 characterData你只有 data 的抽象接口(interface)支柱。

Character​Data (MDN)

Text (MDN)