Come combattere tonnellate di avvisi di variabili irrisolte in Webstorm?

Ho una funzione che prende i dati dal server:

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

Webstorm dice che someVar- è una variabile irrisolta. Cosa posso eliminare da tali avvertimenti?

Vedo diverse opzioni:

• Sopprimere gli avvisi nelle impostazioni ide;
• Aggiungi un file sorgente JSON con campi ( dettagli );
• Utilizzare gli array-come sintassi: data['some_unres_var'];

Anche Webstorm mi offre di creare lo spazio dei nomi per i "dati" (aggiungere un'annotazione come /** @namespace data.some_unres_var*/), creare tale campo o rinominarlo.

Usa JSDoc:

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

JSDoc l'oggetto. Poi i suoi membri.

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

• @property per variabili locali (non parametri)
• Testato in PyCharm. @Nicholi conferma che funziona in Webstorm.
• Il {{ member:type }} sintassi suggerita da Andreas potrebbe entrare in conflitto con i modelli Django.
• Grazie alla risposta di Jonny Buchanan che cita il wiki @param .

Per documentare matrici di oggetti , utilizzare le []parentesi come suggerisce JSDoc :

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

Tutte le altre risposte non sono corrette per il caso generale. E se non ottieni datacome parametro? Allora non hai 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 avvertirà che "result.entries" è una variabile (campo) non risolta.

La soluzione generale è aggiungere una @namespacedichiarazione:

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;
}

l'utilizzo di un file js fittizio con un'espressione di funzione anonima che restituisce il letterale json, come scritto su http://devnet.jetbrains.com/message/5366907 , può essere una soluzione. Posso anche suggerire di creare una variabile falsa che conterrà questo valore json e utilizzare questa var come valore dell'annotazione @param per far sapere a WebStorm qual è il tipo effettivo. Piace:

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

Vedi anche http://devnet.jetbrains.com/message/5504337#5504337

Uso destrutturante, Luke.

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

Per rimuovere gli avvisi sull'IDE WebStorm puoi semplicemente deselezionare le opzioni di ispezione per:

• Funzione Javascript non risolta
• Variabile Javascript non risolta

ps . questo rimuoverà gli avvisi sull'IDE, ma non credo che sia l'idea migliore, perché perderemo una delle migliori utilità in un IDE come Webstorm, che può peggiorare la qualità del nostro codice.

Anche così, se vuoi seguire nel menu: File > Impostazioni > Editor > Ispezioni possiamo disabilitare gli avvisi Javascript

Come la seguente immagine: