🐛 Как быстро определить ошибки в коде JavaScript в VS -коде

Это очень удивительный способ использовать способности визуальной студии в ваших файлах JavaScript для быстрого обнаружения ошибок.

Вы можете знать о TypeScript Анкет Это прекрасный суперсет JavaScript, который дает JS силу типов и помогает отладки прямо в вашем IDE (особенно против кода). Этот простой трюк даже поможет вам, если вы не являетесь поклонником типов и TypeScript.

В большинстве случаев в нашем коде JavaScript есть очень маленькие и глупые ошибки, которые мы не можем поймать в процессе разработки и могут оказать большое влияние на производство. Простой пример – это 👇

В этом примере выше, мы используем ванильный JavaScript, где мы не можем заметить ошибку, которая включена строка 7 Анкет Мы могли бы использовать TypeScript здесь, но если вы хотите использовать JavaScript, вы можете легко обнаружить ошибки, добавив только комментарий сверху.

Как вы можете видеть предупреждение, которое мы получили, парят над параметром в функции, говорит нам, что этот параметр имеет любой Тип, который совсем не хорош. Итак, как вы можете ожидать только строка в функцию без типографии?

Самый простой способ сделать это – добавить строка аргумент в вызове функции, а затем сделайте это 👇.

Функция стрелки

Нормальная функция

Второй путь выглядит аккуратно для меня.

Кроме того, вы также можете заметить глупых ошибок, которые очень плохие. Некоторые из них перечислены ниже:

Без //@ts-check

С //@ts-check

КОНЧИК: Чтобы включить //@ts-check для каждого .js Файл, вы можете просто включить эту настройку в VS -коде.

И игнорировать проверку в любом файле, просто используйте //@ts-nocheck в верхней части файла.

Для получения дополнительной информации об этих типах для параметров, вы можете обратиться к JSDOC документация Анкет

Оригинал: “https://dev.to/maxprogramming/how-to-quickly-spot-errors-in-your-javascript-code-in-vs-code-4gdm”