如何使用@implements

Question

我有一个 Model 类（在 nodejs 中），我想从 AuthorizationCodeModel 实现它。

我希望 WebStorm 检测到我的模型实现了接口并建议我自动完成

Interface.

型号：

  /**
   * @implements AuthorizationCodeModel
   */
  class Model {
  }

@implements AuthorizationCodeModel 不工作。如何使用 JSDoc？

Answer 1

打字稿中的示例界面

interface ClockInterface {
    currentTime: Date;
}

class Clock implements ClockInterface {
    currentTime: Date;
    constructor(h: number, m: number) { }
}

https://www.typescriptlang.org/docs/handbook/interfaces.html

What's the difference between 'extends' and 'implements' in TypeScript

JSDOC 示例：http://usejsdoc.org/tags-implements.html

---

如果 Webstorm 中的自动完成功能不起作用，请尝试设置 reference path in js file

/// <reference path="components/someClass.js"/>
/// <reference path="components/someInterface.js"/>
/// <reference path="components/AuthorizationCodeModel.js"/>

/**
* @implements AuthorizationCodeModel
*/
class Model { }

Reference paths 在一些流行的 IDE 中也用于自动完成

https://madskristensen.net/blog/the-story-behind-_referencesjs

https://www.jetbrains.com/help/webstorm/configuring-javascript-libraries.html

https://intellij-support.jetbrains.com/hc/en-us/community/posts/206352279-How-to-not-reference-other-js-files

intellisense and code complete for DefinitelyTyped (TypeScript type definitions) on WebStorm IDE