Использование отладчика Chrome (продолжение)
Стек вызовов
На вкладке Call Stack отображается текущий стек вызовов функций. Это полезно, чтобы понять, как вы попали в текущую точку кода.
Например, у вас есть функция, которая вызывается из разных мест, и вы хотите знать, какое из них вызывает её в данный момент.
В стеке вызовов точно видно, что все предыдущие функции, которые привели к выполнению текущей.
Перемещение во времени и пространстве
Хорошо, возможно, название слишком громкое, но вы можете делать кое-что интересное с отладчиком, чтобы контролировать выполнение кода.
Resume
Первая функция - кнопка Resume. Она возобновляет выполнение кода до следующей точки останова. Если больше нет точек останова, код будет выполняться до конца.
Вы будете часто использовать эту функцию, например, если у вас есть только одна точка останова, чтобы просмотреть текущее состояние, или если точка останова была просто для проверки выполнения кода вообще.
Step over
На втором месте по популярности вы, вероятно, найдёте кнопку Step over. Она выполнит текущую строку кода и затем снова приостановится на следующей строке.
Если текущая строка - вызов функции, она выполнит функцию и приостановится на следующей строке после вызова функции.
Step into
Кнопка Step into похожа на предыдущую, но вместо выполнения текущей строки она выполнит вызов функции и приостановится на первой строке функции.
Step out
Кнопка Step out является противоположностью предыдущей. Она выполнит текущую функцию и приостановится на строке после вызова функции.
Заключение
И вот и всё! Это была всего лишь вершина айсберга, с отладчиком можно делать гораздо больше, но я думаю, что этого достаточно, чтобы начать и пробудить вашу любознательность, чтобы изучить больше.
После всех этих замечательных возможностей, вы всё ещё будете использовать console.log?
Вот мой ответ: да, потому что я ленивый.
Или, по крайней мере, если это всего лишь ОДИН console.log для вывода значения один раз, да, почему бы и нет, но как только вы начинаете писать ДВА console.log или смотреть на один и тот же лог два или три раза... подумайте об отладчике. Он сэкономит вам немало времени.
Я попытался описать этот инструмент и добавить несколько скриншотов, но это была своего рода динамическая демонстрация. Видео уже показывает некоторые интересные трюки, но теперь ваша очередь попробовать его и увидеть, что вы можете сделать с ним. Просто используйте его несколько дней, и вы обнаружите, что всё больше и больше начнёте использовать его.
Спасибо за чтение и счастливой отладки! 🎉
Перевод с некоторыми авторскими правками.
Автор оригинала: Leonardo Montini.