VSCode：如何使Intellisense与普通的Javascript项目一起工作？

Question

我有一个foo.js文件：

/**
 * Foo Class
 * @typedef {Object} Foo
 */
function Foo(){
}

Foo.prototype.sayHello = function (){
    alert("Hello!");
};

在我的bar.js文件中，我有：

/** @type {Foo} */
var foo = new Foo();
foo.sayHello();

但是如果我输入foo. Intellisense不建议sayHello() 。

这是一个古老的Javascript项目（没有npm / node / requirejs等），JS文件只是通过以下方式加载到HTML中：

<script src="foo.js"></script>
<script src="bar.js"></script>

有没有办法使Intellisense与普通的Javascript项目一起工作？

Answer 1

您应该在function Foo() VSCode中得到提示，建议改为使用ES2015 class语法。 该语法会将您的代码更改为此

/**
 * Foo Class
 * @typedef {Object} Foo
 */
class Foo {
  constructor() {
  }
  sayHello() {
    alert("Hello!");
  }
}

提示在其他文件中按预期提供。

有趣的是，通过保持代码原样并简单地删除所有JSDoc，可以产生相同的结果。