Как бороться с множеством предупреждений о неразрешенных переменных в Webstorm?

У меня есть функция, которая принимает данные с сервера:

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

Webstorm говорит, что someVar- это неразрешенная переменная. Что я могу избавить от таких предупреждений?

Вижу несколько вариантов:

• Подавить предупреждения в настройках ide;
• Добавьте исходный файл json с полями ( подробности );
• Используйте массивы-как синтаксис: data['some_unres_var'];

Также Webstorm предлагает мне создать пространство имен для «данных» (добавить аннотацию, например /** @namespace data.some_unres_var*/), создать такое поле или переименовать его.

Используйте JSDoc:

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

JSDoc объект. Потом его участники.

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

• @property для локальных переменных (без параметров)
• Протестировано в PyCharm. @Nicholi подтверждает, что он работает в Webstorm.
• В {{ member:type }}синтаксических Андреас предложил может конфликтовать с шаблонами Django.
• Благодаря ответу Джонни Бьюкенена со ссылкой на вики @param .

Для документирования массивов объектов используйте []скобки, как предлагает JSDoc :

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

Все остальные ответы в общем случае неверны. Что, если вы не получите dataпараметр? Тогда у вас нет 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 предупредит, что "result.entries" - это неразрешенная переменная (поле).

Общее решение - добавить @namespaceобъявление:

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

решением может быть использование фиктивного файла js с выражением анонимной функции, возвращающим литерал json, как написано на http://devnet.jetbrains.com/message/5366907 . Я также могу предложить создать поддельную переменную, которая будет содержать это значение json, и использовать эту переменную в качестве значения аннотации @param, чтобы WebStorm узнал, что такое фактический тип. Подобно:

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

См. Также http://devnet.jetbrains.com/message/5504337#5504337

Разрушительное использование, Люк.

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

Чтобы удалить предупреждения в IDE WebStorm, вы можете просто снять отметку с опций проверки для:

• Неразрешенная функция Javascript
• Неразрешенная переменная Javascript

п.с. . это удалит предупреждения в IDE, но я не думаю, что это лучшая идея, потому что мы потеряем одну из лучших утилит в IDE, например Webstorm, что может ухудшить качество нашего кода.

Тем не менее, если вы хотите следовать в меню: Файл > Настройки > Редактор > Инспекции, мы можем отключить предупреждения Javascript.

Как на следующей картинке: