Помощь! Что-то не работает, и я не знаю, почему! : введение в console.log и ipdb

В моей текущей программе разработки программного обеспечения мы начали работать с JavaScript, а затем с React, и я часто пытался понять, почему что-то не работает с моим кодом. Я часто кодировал и кодировал, а затем, наконец, смотрел в браузер и был совершенно сбит с толку, когда мой код работал не так, как я думал. Или были бы ошибки, и браузер вообще бы не грузился!

Именно тогда я вспомнил, что нас познакомили с определенной функцией, чтобы помочь нам. То есть:

console.log()

Согласно GeeksforGeeks, console.log() определяется следующим образом: «Консоль.log() — это функция в JavaScript, которая используется для печати любых переменных, определенных ранее в ней, или просто для печати любого сообщения, которое необходимо отобразить для пользователя».[1]

Теперь, что это означает?

Самый простой способ понять console.log() — представить его как вспомогательную функцию, в которой все, что вам нужно проверить, может быть выведено на консоль.

Но что такое консоль?

Консоль доступна из большинства интернет-браузеров и позволяет вам, как разработчику, тестировать JavaScript.[2]

В консоли можно ввести и выполнить код JavaScript.[2] Это позволяет тестировать различные функции и другие аспекты их кода. Кроме того, что более важно для этого блога, консоль может печатать сообщения из кода, который был зарегистрирован в console.logged.

Как это нам поможет? Если мы будем использовать console.log() при кодировании, у нас будет меньше шансов столкнуться с ошибкой, которую мы вообще не понимаем, или зайти слишком далеко при неправильном кодировании.

Console.log() можно использовать как таковой:

console.log("Does this work?")

По этой причине console.log можно поместить в более крупный блок кода, чтобы проверить, правильно ли он работает.

Console.log() также можно использовать для регистрации чего-то, что вы не знаете, что это такое. Например, с прослушивателем событий можно использовать функцию console.log() как таковую:

console.log(e)

Здесь журнал консоли будет регистрировать объект события, который поступает от прослушивателя событий. Получив доступ к этому объекту события, вы можете просмотреть его и решить, что делать дальше.

Истинная важность console.log() становится тем больше, чем больше вы ее используете. В любое время, когда вам нужно понять, что происходит в вашем коде в JavaScript, это очень полезная функция, чтобы понять это!

Так что все было хорошо для меня, когда я работал в JavaScript. Я научился по-настоящему ценить и часто использовать console.log(). Но потом мы перешли к работе на питоне. Без браузера console.log() исчезла.

С python я мог печатать что-то в командной строке, используя функцию print(). Вскоре я узнал, что print() может помочь.

Например, если я нажимаю оператор print(), я знаю, что мой код, по крайней мере, дошел до этой точки. Кроме того, без операторов печати браузера может быть полезно знать, что происходит. Например, при запуске начального файла для заполнения базы данных добавление операторов печати по пути позволяет увидеть, что происходит, а финальное сообщение о том, что что-то вроде успешно заполнено, может помочь узнать, что база данных теперь должна быть заполнена с помощью информация о семенах.

Но я все еще чувствовал себя немного потерянным без console.log(). Как я могу узнать, к каким переменным, функциям и другим элементам у меня есть доступ и как они работают?

Пришел ipdb. В отличие от того, что я изначально в шутку подумал, ipdb НЕ является базой данных картошки в Интернете. Нет, вместо этого ipdb больше похож на отладчик в JavaScript, поскольку фактически является точкой останова в коде. Но поскольку я мало использовал отладчик в JavaScript, это больше напомнило мне console.log() в том смысле, что он также показывает, что они добрались до определенного места в коде и могут позволить что-то проверить.

В отличие от console.log(), ipdb не доступен автоматически. Он должен быть импортирован, как показано ниже:

import ipdb

Затем в своем коде вы можете ввести ipdb.set_trace() в любой момент. Это остановит ваш код и подтолкнет вас к сеансу ipdb. Здесь вы можете тестировать переменные и функции.

Ipdb, конечно, не совсем то же самое, что console.log(), но он очень помог мне, хотя в начале я чувствовал себя дрейфующим с python.

Теперь в моей программе мы начинаем работать с приложением полного стека, что позволяет мне использовать ipdb и console.log в одном проекте! Это позволило мне по-настоящему увидеть и оценить сильные и слабые стороны обоих, и я счастлив, что оба инструмента помогают мне в кодировании!

(Кросс размещен на Dev.to по адресу: Помогите! Что-то не работает, и я не знаю, почему! : Введение в console.log и ipdb).

[1] Автор неизвестен. Метод JavaScript console.log(). Гикс для гиков. https://www.geeksforgeeks.org/javascript-console-log-method/#article-meta-div (по состоянию на 10 августа 2023 г.).

[2] Лиза Тальяферри. Как использовать консоль разработчика JavaScript. DigitalOcean. https://www.digitalocean.com/community/tutorials/how-to-use-the-javascript-developer-console (по состоянию на 10 августа 2023 г.).