javascript - 为 VSCode/Monaco Intellisense 添加 JavaScript 类型提示

Question

有没有办法向 VSCode/Monaco 的智能感知提示变量的类型。

我有这样的代码

var loc = window.location;
var gl = context1.getContext("webgl");
var ctx = context2.getContext("2d");

我看到 VSCode 知道 loc 是一个 URL

但是它不知道gl是什么

它也不知道ctx是什么

这是有道理的，让一个函数根据其输入返回不同的类型是一种不寻常的情况。

但它确实有 WebGLRenderingContext 的类型数据

它知道 CanvasRenderingContext2D

有没有办法让我告诉 vscode/monaco gl 是 WebGLRenderingContext 的一个实例并且 ctx 是一个实例CanvasRenderingContext2D 无需切换到 typescript ？也许通过添加某种评论？

我需要在 monaco 中工作的解决方案(至少在我的测试中显示了所有相同的完成)因为这是一个 WebGL 教程站点，实际上不是 VSCode，但我希望解决方案是相同的。

Answer 1

更新:从 Monaco 的 0.9.0 开始，这些类型注释现在可以使用了

---

看到JSDoc style type annotations在 VSCode 中工作，尽管它们似乎在 Monaco 中不起作用。

var loc = window.location;

/** @type {WebGLRenderingContext} */
var gl = context1.getContext("webgl");    

/** @type {CanvasRenderingContext2D} */
var ctx = context2.getContext("2d");