Приемы для более быстрой отладки JavaScript

Если вы являетесь разработчиком, вы можете обнаружить, что устали после написания одного и того же синтаксиса console.log() для проверки текущего значения переменной. Вот несколько способов быстрее выводить значения в журнал.

Создайте функцию журнала

Вы можете создать эту функцию поверх вашего файла JavaScript, или создать ее в отдельном файле, если вы хотите использовать ее в нескольких файлах. Эта функция довольно проста, она выглядит следующим образом.

function log(...params){
    console.log(...params)
}
Вход в полноэкранный режим Выйти из полноэкранного режима

Обратите внимание, что мы используем оператор spread как в параметре функции, так и в операторе console.log, потому что мы хотим итерировать все элементы, переданные в параметре, и вывести их в console.log.

Где-нибудь ниже в вашем JavaScript-файле вы можете использовать эту функцию как обычный оператор console.log.

let yourVariable = 'Print me!';
log(yourVariable)
Вход в полноэкранный режим Выйти из полноэкранного режима

или что-то подобное,

log('this is the data: ', yourVariable)
Войти в полноэкранный режим Выйти из полноэкранного режима

Создание фрагмента

Если вы используете vscode в качестве редактора кода, вы можете нажать на шестеренку в левом нижнем углу и выбрать пользовательские сниппеты. Вы можете выбрать существующий сниппет или создать новый. Вы можете написать сниппет, как показано ниже.

"log": {
   "prefix": "getlog",
   "body": "console.log()"
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Ключ log — это просто имя сниппета, а значение префикса — это слово, которое вы наберете в редакторе, чтобы получить значение тела. Таким образом, если я наберу getlog в своем vscode, по мере набора текста появится предложение console.log.

Вот и все! Спасибо, что прочитали, до встречи! 🍻

Оцените статью
Procodings.ru
Добавить комментарий