如何断言一个类型的HTMLElement在TypeScript?

我试着这样做:

var script:HTMLScriptElement = document.getElementsByName("script")[0];
alert(script.type);

但是它给了我一个错误

Cannot convert 'Node' to 'HTMLScriptElement': Type 'Node' is missing property 'defer' from type 'HTMLScriptElement'
(elementName: string) => NodeList

我不能访问脚本元素的'type'成员，除非我将其转换为正确的类型，但我不知道如何做到这一点。我查了文件和样本，但什么都没找到。

当前回答

澄清一下，这是正确的。

无法将“NodeList”转换为“HTMLScriptElement[]”

作为一个NodeList不是一个实际的数组(例如，它不包含. foreach， .slice， .push等…)

因此，如果它在类型系统中转换为HTMLScriptElement[]，如果您尝试调用Array，则不会得到类型错误。在编译时它上的原型成员，但在运行时它将失败。

其他回答

TypeScript使用'<>'来进行强制转换，因此上面的代码就变成:

var script = <HTMLScriptElement>document.getElementsByName("script")[0];

然而，不幸的是，你不能做到:

var script = (<HTMLScriptElement[]>document.getElementsByName(id))[0];

你会得到错误

Cannot convert 'NodeList' to 'HTMLScriptElement[]'

但是你可以:

(<HTMLScriptElement[]><any>document.getElementsByName(id))[0];

澄清一下，这是正确的。

无法将“NodeList”转换为“HTMLScriptElement[]”

作为一个NodeList不是一个实际的数组(例如，它不包含. foreach， .slice， .push等…)

因此，如果它在类型系统中转换为HTMLScriptElement[]，如果您尝试调用Array，则不会得到类型错误。在编译时它上的原型成员，但在运行时它将失败。

从TypeScript 0.9开始，lib.d.ts文件使用专门的重载签名，为调用getElementsByTagName返回正确的类型。

这意味着你不再需要使用类型断言来改变类型:

// No type assertions needed
var script: HTMLScriptElement = document.getElementsByTagName('script')[0];
alert(script.type);

var script = (<HTMLScriptElement[]><any>document.getElementsByName(id))[0];

我们可以使用显式返回类型为变量类型:

const script: HTMLScriptElement = document.getElementsByName(id).item(0);

或assert as (TSX需要):

const script = document.getElementsByName(id).item(0) as HTMLScriptElement;

或者在更简单的情况下使用尖括号语法断言。

类型断言类似于其他语言中的类型强制转换，但不执行特殊的数据检查或重构。它对运行时没有影响，完全由编译器使用。

文档:

基本类型-类型断言

推荐文章