Comment lutter contre des tonnes d'avertissement de variables non résolues dans Webstorm?

J'ai une fonction qui prend une donnée du serveur:

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

Webstorm dit que someVar- est une variable non résolue. Que puis-je supprimer de tels avertissements?

Je vois plusieurs options:

• Supprimer les avertissements dans les paramètres ide;
• Ajouter un fichier source json avec des champs ( détails );
• Utilisez des tableaux-comme la syntaxe: data['some_unres_var'];

Webstorm me propose également de créer un espace de noms pour les "données" (ajouter une annotation comme /** @namespace data.some_unres_var*/), de créer un tel champ, ou de le renommer.

Utilisez JSDoc:

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

JSDoc l'objet. Puis ses membres.

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

• @property pour les variables locales (non paramètres)
• Testé dans PyCharm. @Nicholi confirme que cela fonctionne dans Webstorm.
• La {{ member:type }}syntaxe suggérée par Andreas peut entrer en conflit avec les modèles Django.
• Merci à la réponse de Jonny Buchanan citant le wiki @param .

Pour documenter des tableaux d'objets , utilisez des []crochets comme le suggère JSDoc :

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

Toutes les autres réponses sont incorrectes pour le cas général. Et si vous n'obtenez pas dataun paramètre? Vous n'avez pas JSDoc alors:

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 avertira que "result.entries" est une variable (champ) non résolue.

La solution générale consiste à ajouter une @namespacedéclaration:

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'utilisation d'un fichier js factice avec une expression de fonction anonyme renvoyant le littéral json, tel qu'écrit à http://devnet.jetbrains.com/message/5366907 , peut être une solution. Je peux également suggérer de créer une fausse variable qui contiendra cette valeur json et d'utiliser cette variable comme valeur d'annotation @param pour indiquer à WebStorm quel est le type réel. Comme:

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

Voir aussi http://devnet.jetbrains.com/message/5504337#5504337

Utilisation destructrice, Luke.

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

Pour supprimer les avertissements sur l'IDE WebStorm, vous pouvez simplement décocher les options d'inspection pour:

• Fonction Javascript non résolue
• Variable Javascript non résolue

ps . cela supprimera les avertissements sur l'EDI, mais je ne pense pas que ce soit la meilleure idée, car nous perdrons l'un des meilleurs utilitaires dans un IDE comme Webstorm, ce qui peut détériorer la qualité de notre code.

Même ainsi, si vous souhaitez suivre dans le menu: Fichier > Paramètres > Editeur > Inspections nous pouvons désactiver les avertissements Javascript

Comme l'image suivante: