Всем нам знакомо это чувство. Вы следуете учебнику на YouTube и кодируете. Ваш код работает так, как ожидалось. Потом, в некий момент обучения, вы замечаете, что получаете итог, хороший от результата учителя. Но вы следовали за ним и написали каждую строку кода так же, как и он! Откуда взялась ошибка?

Вы перематываете видео и удаляете крайний код. Потом вы переписываете последнюю часть – та же ошибка. Вы чувствуете, как снутри наращивается разочарование. К счастью, в видео на YouTube есть репозиторий Github, к которому вы сможете обратиться.

Вы входите на URL репозитория и проверяете собственный код. И здесь вы видите это – пропущенную точку с запятой! Вы чувствуете себя счастливым, но незначительно глуповатым. То, что вы сделали, именуется «дебаггинг» – поиск ошибок в вашем коде. Если вы заинтересованны в исследовании веб-разработки, то мы рекомендуем для вас направить свое внимание на курс от образовательной платформы Netology «Веб-разработчик с нуля». Вы научитесь программировать на JavaScript и PHP – можете создавать веб-сайты и веб-приложения, соберёте портфолио из 9 проектов, можете начать работать по специальности уже через 6 месяцев обучения.

Что такое дебаггинг?

До этого всего, дебаггинг не значит, что вы уставились на экран и думаете, почему ваш комп вас терпеть не может. Дебаггинг – это процесс, который содержит в себе выявление имеющихся либо даже возможных ошибок в программке. Программка – это набор «инструкций», которые указывают компу, что ему необходимо созодать. К примеру, когда вы загружаете комп и нажимаете на браузер, таковой как Гугл Chrome, он раскрывается.

Программер написал аннотации для компа, которым он должен следовать всякий раз, когда кто-то надавливает на значок браузера. Почему исправление ошибок в программке именуется «дебаггинг»? Давайте совершим прогулку в прошедшее.

Лаконичный взор на историю

Термин «баг» ранее употреблялся для описания механических дефектов. Первым человеком, который употреблял его для обозначения заморочек с вычислительной техникой, была адмирал Грейс Мюррей Хоппер в 1940-х годах.

Она работала в военно-морском флоте, была пионером компьютерной техники и работала над компами Mark II и Mark III. Мюррей Хоппер в первый раз употребляла этот термин, когда она и ее команда нашли снутри собственного компа моль, которая мешала его работе. Таковым образом, термин имеет весьма буквальное происхождение!

Типы ошибок

Есть разные типы ошибок, которые могут привести к тому, что ваша программка не выполнит то, что ожидалось, либо совершенно не запустится. Давайте узнаем о их ниже:

Синтаксические ошибки

Синтаксис относится к «правилам», которые определяют язык программирования. Синтаксические ошибки, как следует, являются результатом «нарушения» «правил» языка программирования. К синтаксическим ошибкам относятся опечатки либо пропуск точки с запятой.

Логические ошибки

Логическая ошибка возникает, когда ваша программка работает не так, как обязана. Тем не наименее, программка может производиться.

Ошибки времени выполнения

Ошибка времени выполнения возникает, когда вы выполняете программку, но выполнение прекращается. Время от времени ошибки времени выполнения могут быть вызваны средой, в какой производится программка.

Существует огромное количество остальных типов ошибок, о которых вы узнаете по мере исследования кода. Еще лучше научиться «ловить» их в собственном коде при помощи таковых понятий, как «ошибки и обработка исключений».

Фух! Это было много новейших понятий! Сейчас, когда мы ответили на вопросец «Что такое отладка?», давайте узнаем о разных ее видах.

Типы отладки

Отладку можно в главном поделить на два типа: реактивную и проактивную. Давайте копнем поглубже и узнаем о их незначительно больше.

Реактивная отладка

Производится опосля выявления ошибки. В прошлом разделе мы разглядели разные типы ошибок. Все типы ошибок, с которыми мы сталкивались до сего времени, решаются при помощи реактивной отладки.

Проактивная отладка

При проактивной отладке создатели пишут код (как часть программки), который «смотрит» за ошибками. Этот «доп» код не влияет на функциональность остальной части программки. Проактивную отладку также именуют упреждающей отладкой.

Проактивная отладка является частью как оборонительного, так и наступательного программирования, которые представляют собой два остальных типа программирования.

Несколько слов о удаленной отладке

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

Удаленная отладка – это когда вы находите ошибки в приложении, которое не работает на вашем локальном компе. Как это круто? Мы наиболее тщательно разглядим типы отладки, когда будем гласить о способах.

5 шагов отладки

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

Давайте обсудим 5 обычных шагов для этого:

Шаг 1: Соберите информацию о ошибке

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

Если вы работаете с какими-либо данными, к примеру, пользовательскими, проверьте и их. Может быть, вы запамятовали выполнить проверку достоверности данных.

Шаг 2: Изолировать ошибку

На этом шаге цель заключается в том, чтоб попробовать найти источник ошибки. Может быть, для вас придется «воссоздать» ошибку, чтоб выяснить, когда она возникает. Можно также закомментировать часть кода и продолжать инспектировать, какая часть программки быть может предпосылкой ошибки.

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

Шаг 3: Обусловьте ошибку

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

Шаг 4: Обусловьте, как поправить ошибку

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

Если ошибка не пропала, сформулируйте другую догадку и продолжайте ее инспектировать. Продолжайте созодать это до того времени, пока ошибка не будет устранена.

Время от времени решение ошибки быть может неочевидным. Вы сможете посетить такие веб-сайты, как StackOverflow, и выяснить, сталкивался ли кто-либо с таковой же ошибкой и как он ее поправил. Можно также обратиться за помощью к сотруднике либо побеседовать с неодушевленным предметом и разъяснить ему, что вы пытаетесь создать с вашим кодом (отладка резиновой утки). А сейчас, когда у нас есть ChatGPT, вы также сможете попросить его посодействовать для вас отыскать ошибку в вашем коде и как ее поправить.

Шаг 5: Применить и протестировать

Вы сможете повторно запустить код, чтоб проверить, исправлена ли ошибка. Тестирование – это хороший метод убедиться, что вы не создадите новейших ошибок при исправлении тех, на которых вы сосредоточились!

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

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

Способы отладки

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

Активная отладка

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

Добавление операторов печати

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

Внедрение отладчика

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

Некие IDE (встроенные среды разработки) и текстовые редакторы имеют интегрированные отладчики. IDE и текстовые редакторы – это просто огромные слова для обозначения места, где вы пишете собственный код. Некие IDE и текстовые редакторы включают Atom, Visual Studio Code (VS Code), Android Studio, PyCharm либо Arduino IDE.

IDE либо текстовый редактор, который вы используете, зависит от языка, на котором вы пишете программку, либо от платформы, для которой вы создаете программку – интернет, Android, iOS либо даже IoT.

VS Code, к примеру, имеет интегрированный отладчик, который поможет для вас отыскать ошибки в приложениях Node.js. Он также работает с JavaScript, TypeScript и иными языками, которые могут быть преобразованы в JavaScript. Для остальных языков для вас будет нужно установить расширения из VS Code Marketplace.

Внедрение точек остановки

Это точки в коде, в каких выполнение останавливается – не поэтому, что есть ошибка, а поэтому, что вы «поставили паузу».

Это практически «пауза» в коде, чтоб вы могли отыскать ошибки.

Вы сможете добавить точки останова в IDE, редакторе текста либо даже в инструментах разраба вашего браузера (в Chrome это можно создать, нажав F12 в Windows и Linux, и Cmd + Opt + I в macOS).

Написание тестов

Все техники, которые мы разглядели до сего времени, можно отнести к группы «реактивной отладки». Написание тестов – это проактивная отладка. При написании тестов создатели пишут ординарную программку, которая имитирует деяния наиболее большой программки. Эта программка и именуется «тестом».

Потом они запускают ее (используя библиотеку типа Mocha либо Jasmine для JavaScript), чтоб узреть все ошибки, которые могут появиться. Потом ошибки исправляются до того времени, пока код не заработает. На самом деле, вы сделали «пример» кода, который вы должны написать.

Создатели должны писать испытания еще до того, как они начнут писать код. Это обычная практика. На исходном уровне вы будете писать в главном модульные испытания. Проактивная отладка не является надежной, потому нам все еще необходимы способы реактивной отладки.

Подведение итогов

В данной нам статье мы тщательно ответили на все вопросцы о том, что такое отладка. Мы разглядели ее происхождение, три главных типа ошибок, которые вы сможете найти, и даже два главных типа отладки.

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

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