javascript - 如何让 Typescript 检查器相信某个值是 Javascript 中的特定子类？

Question

我正在使用 VS Code 和(相对)新的 checkJS启用选项——我正在编写 Javascript，但这可以让 Typescript 引擎进行有限的类型检查。

我正在使用 querySelector 查找 DOM 元素并访问特定于元素的属性:

var img = document.querySelctor("#myImage");
img.src = "image.png";

这会导致代码将第二行标记为问题，因为 querySelector 仅返回 Element和 .src属性是 HTMLImageElement 的成员。在实际的 Typescript 中，我会在访问属性之前强制转换(强制？断言？)返回值，但由于这是普通的 Javascript，所以不是一个选项。有没有其他方法可以避免在注释中使用 TS 特定的控制标志来填充我的代码？

Answer 1

我在评论中链接的 Github 问题的更新:

今天，没有“好的”方法来解决这个问题，但您可以使用显式类型检查来关闭编译器:

if (img instanceof HTMLImageElement) {
  img.src = "image.png";
}

您可能知道检查不可能失败，但这让检查者很高兴。将来，检查器将支持注释指令:

const el = /* @type {HTMLImageElement} */ (document.querySelector("#definitelyAnImage"));

这是今天的夜间版本，所以我希望在 7 月或 8 月的版本中看到它，但这不是官方的。