常规JS文件中VSCode中的类型检查抛出错误
常规JS文件中VSCode中的类型检查抛出错误
提问于 2020-10-01 16:42:33
假设我有一个HTML元素，如下所示：
<progress value="1" max="10" id="site_progress"></progress>如果我像这样选择这个元素，VSCode会显示一个问题(‘类型’element‘上不存在’属性‘max’)：
const progress = document.querySelector('#site_progress');
progress.max = 9;如果我选择via element selector，就不会有问题：
const progress = document.querySelector('progress');
progress.max = 9;我可以做一些像类型断言这样的事情来避免这种行为，或者在常规的javascript中有什么好的做法来处理这个问题吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-01 16:54:37
就我个人而言，我会转而使用TS，但即使这样，你仍然需要进行角色转换。要在JS中强制转换该类型，可以执行->
/** @type HTMLProgressElement */
const progress = document.querySelector('#id');
progress.max = 9;在Typescript中，它可能类似于->
const progress = document.querySelector('#id') as HTMLProgressElement;
progress.max = 9;另一个很好的特性是，您可以创建类型保护，这也有助于编译器。
例如，下面的代码将在TS和JS中运行。
const progress = document.querySelector('#id');
if (progress instanceof HTMLProgressElement)
progress.max = 9;上面的一个小问题是，如果#id不是一个进步，它将静默地继续。所以另一种选择是抛出一个异常，这也是一个类型保护，但允许您在事情不正确时抛出逻辑错误消息。
例如..
const progress = document.querySelector('#id');
if (!(progress instanceof HTMLProgressElement))
throw new Error('#id not a progress');
progress.max = 9;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64151829
复制相关文章
相似问题
腾讯云开发者
