Como combater toneladas de advertências de variáveis ​​não resolvidas no Webstorm?

Tenho uma função que pega dados do servidor:

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

Webstorm diz que someVar- é uma variável não resolvida. O que posso me livrar desses avisos?

Vejo várias opções:

• Suprimir avisos nas configurações de ide;
• Adicione um arquivo fonte json com campos ( detalhes );
• Use matrizes de como sintaxe: data['some_unres_var'];

Além disso, o Webstorm me oferece a possibilidade de criar um namespace para os "dados" (adicionar uma anotação como /** @namespace data.some_unres_var*/), criar esse campo ou renomeá-lo.

Use JSDoc:

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

JSDoc o objeto. Em seguida, seus membros.

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

• @property para variáveis ​​locais (não parâmetros)
• Testado em PyCharm. @Nicholi confirma que funciona no Webstorm.
• A {{ member:type }}sintaxe que Andreas sugeriu pode entrar em conflito com os templates Django.
• Obrigado à resposta de Jonny Buchanan citando o wiki @param .

Para documentar matrizes de objetos , use []colchetes como o JSDoc sugere :

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

Todas as outras respostas estão incorretas para o caso geral. E se você não obtiver datacomo parâmetro? Você não tem JSDoc então:

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 irá avisar que "result.entries" é uma variável não resolvida (campo).

A solução geral é adicionar uma @namespacedeclaração:

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

usar um arquivo js fictício com expressão de função anônima retornando o literal json, conforme escrito em http://devnet.jetbrains.com/message/5366907 , pode ser uma solução. Também posso sugerir a criação de uma variável falsa que conterá esse valor json e usar essa var como um valor da anotação @param para permitir que o WebStorm saiba qual é o tipo real. Gostar:

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

Veja também http://devnet.jetbrains.com/message/5504337#5504337

Uso de desestruturação, Luke.

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

Para remover os avisos no IDE WebStorm, você pode simplesmente desmarcar as opções de inspeção para:

• Função Javascript não resolvida
• Variável Javascript não resolvida

ps . isso removerá os avisos do IDE, mas não acho que seja a melhor ideia, porque perderemos um dos melhores utilitários em um IDE como o Webstorm, o que pode piorar a qualidade do nosso código.

Mesmo assim, se você quiser seguir no menu: Arquivo > Configurações > Editor > Inspeções podemos desabilitar os avisos de Javascript

Como a seguinte imagem: