javascript - VSCode/Monaco Intellisence の 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/monacoglが のインスタンスでWebGLRenderingContextあり、それctxが のインスタンスであることを伝える方法はありますか? CanvasRenderingContext2Dたぶん、ある種のコメントを追加することによって？

これは WebGL チュートリアル サイト用であり、実際にはVSCode用ではありませんが、ソリューションが同じであることを願っています。

Answer 1

更新: Monaco の 0.9.0 以降、これらの型注釈が機能するようになりました

---

Monaco では機能していないように見えますが、VSCode では JSDoc スタイルの型注釈が機能することがわかります。

var loc = window.location;

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

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

Answer 2

Typescript を使用する場合は、次のようにします。

var gl : WebGLRenderingContext;