¿Cómo luchar contra toneladas de advertencias de variables no resueltas en Webstorm?

Tengo una función que toma datos del servidor:

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

Webstorm dice que someVar- es una variable sin resolver. ¿Qué puedo eliminar de tales advertencias?

Veo varias opciones:

• Suprime las advertencias en la configuración de ide;
• Agregue un archivo fuente json con campos ( detalles );
• Usar grupos-como sintaxis: data['some_unres_var'];

También Webstorm me ofrece crear un espacio de nombres para los "datos" (agregar una anotación como /** @namespace data.some_unres_var*/), crear dicho campo o cambiarle el nombre.

Utilice JSDoc:

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

JSDoc el objeto. Luego sus miembros.

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

• @property para variables locales (no parámetros)
• Probado en PyCharm. @Nicholi confirma que funciona en Webstorm.
• La {{ member:type }}sintaxis sugerida por Andreas puede entrar en conflicto con las plantillas de Django.
• Gracias a la respuesta de Jonny Buchanan citando la wiki de @param .

Para documentar matrices de objetos , use []corchetes como sugiere JSDoc :

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

Todas las demás respuestas son incorrectas para el caso general. ¿Qué pasa si no lo obtiene datacomo parámetro? Entonces no tienes 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 advertirá que "result.entries" es una variable (campo) sin resolver.

La solución general es agregar una @namespacedeclaración:

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 un archivo js ficticio con una expresión de función anónima que devuelva el literal json, como está escrito en http://devnet.jetbrains.com/message/5366907 , puede ser una solución. También puedo sugerir la creación de una variable falsa que contenga este valor json, y usar esta var como un valor de la anotación @param para que WebStorm sepa cuál es el tipo real. Me gusta:

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

Véase también http://devnet.jetbrains.com/message/5504337#5504337

Uso desestructurador, Luke.

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

Para eliminar las advertencias en The WebStorm IDE, simplemente puede desmarcar las opciones de inspección para:

• Función de Javascript sin resolver
• Variable de JavaScript no resuelta

ps . esto eliminará las advertencias en el IDE, pero no creo que sea la mejor idea, porque perderemos una de las mejores utilidades en un IDE como Webstorm, lo que puede empeorar la calidad de nuestro código.

Aun así, si quieres seguir en el menú: Archivo > Configuración > Editor > Inspecciones podemos desactivar las advertencias de Javascript.

Como la siguiente imagen: