Wie kann man in WebStorm die Warnung vor unzähligen ungelösten Variablen bekämpfen?

Ich habe eine Funktion, die Daten vom Server übernimmt:

function getData(data){
    console.log(data.someVar);
}

WebStorm sagt das someVar ist eine nicht aufgelöste Variable. Wie kann ich solche Warnungen loswerden?

Ich sehe mehrere Möglichkeiten:

• Warnungen in IDE-Einstellungen unterdrücken;
• Fügen Sie eine JSON-Quelldatei mit Feldern hinzu (Einzelheiten);
• Verwenden Sie eine Array-ähnliche Syntax: data['some_unres_var'];

Außerdem bietet mir WebStorm an, einen Namensraum für die “Daten” zu erstellen (eine Anmerkung wie /** @namespace data.some_unres_var*/), erstellen Sie ein solches Feld oder benennen Sie es um.

Verwenden JSDoc:

/**
 * @param {{some_unres_var:string}} data
 */
function getData(data){
    console.log(data.some_unres_var);
}

JSDoc das Objekt. Dann seine Mitglieder.

/**
 * @param data          Information about the object.
 * @param data.member   Information about the object's members.
 */
function getData(data){
    console.log(data.member);
}

• @property für lokale Variablen (keine Parameter).
• Getestet in PyCharm. @Nicholi bestätigt, dass es in WebStorm funktioniert.
• Das {{ member:type }} Die von Andreas vorgeschlagene Syntax kann mit Django-Vorlagen in Konflikt stehen.
• Vielen Dank an Jonny Buchanans Antwort unter Berufung auf die @param-Wiki.

Dokumentieren Arrays von Objektenverwenden [] Klammern als JSDoc schlägt vor:

/**
 * @param data
 * @param data.array_member[].foo
 */

Alle anderen Antworten sind für den allgemeinen Fall falsch. Was ist, wenn Sie nicht bekommen data als Parameter? Sie haben dann kein JSDoc:

function niceApiCall(parameters) {
  const result = await ...  // HTTP call to the API here
  for (const e of result.entries) {
    .. // decorate each entry in the result
  }
  return result;
}

WebStorm warnt, dass “result.entries” eine nicht aufgelöste Variable (Feld) ist.

Die allgemeine Lösung besteht darin, eine hinzuzufügen @namespace Erklärung:

function niceApiCall(parameters) {
  /** @namespace result.entries **/
  const result = await ...  // HTTP call to the API here
  for (const e of result.entries) {
    .. // decorate each entry in the result
  }
  return result;
}

Destrukturierender Gebrauch, Luke.

function getData(data){
    const {member} = data;
    console.log(member);
}

Verwenden einer Dummy-JS-Datei mit anonymem Funktionsausdruck, der das JSON-Literal zurückgibt, wie unter geschrieben http://devnet.jetbrains.com/message/5366907, kann eine Lösung sein. Ich kann auch vorschlagen, eine gefälschte Variable zu erstellen, die diesen JSON-Wert enthält, und diese Variable als Wert der @param-Anmerkung zu verwenden, um WebStorm mitzuteilen, was der tatsächliche Typ ist. Wie:

var jsontext = {"some_unres_var":"val"};
/** @param {jsontext} data */
function getData(data){
    console.log(data.some_unres_var);
}

Siehe auch http://devnet.jetbrains.com/message/5504337#5504337

Um die Warnungen in der WebStorm-IDE zu entfernen, können Sie einfach die Inspektionsoptionen für Folgendes deaktivieren:

• Ungelöste Javascript-Funktion
• Nicht aufgelöste Javascript-Variable

p.s. Dadurch werden die Warnungen in der IDE entfernt, was meiner Meinung nach nicht die beste Idee ist, da wir eines der besten Dienstprogramme in einer IDE wie Webstorm verlieren, was die Qualität unseres Codes verschlechtern kann.

Trotzdem, wenn Sie im Menü folgen möchten: Datei > Einstellungen > Editor > Inspektionen Wir können die Javascript-Warnungen deaktivieren

Wie das folgende Bild: