Тестируем код JS. Быстрый тест JavaScript.

Как просто проверить код или функцию JavaScript.

Перестали работать кнопки и открываться картинки на сайте ? ...
Код страниц исправный ... Посмотреть решение здесь ...

Script JS. JavaScript. Выполнить функцию. Работоспособность. Результат. Быстрая проверка.

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

script type="text/javascript" charset="utf-8" - Предупреждение от W3C (координатор разработки стандартов всемирного интернета) : этот атрибут type=text/javasript больше не нужен для ресурсов JavaScript ... Также, безнадёжно устарел атрибут charset= и его применение, по крайней мере - бессмысленно (если вы и так используете рекомендуемую кодировку utf-8 для html документа), и явно ошибочно (если не указан тег загрузки скрипта из внешнего пути src=) ...

Например, мы написали код :

script
function tri() {
document.write("tri");
}
/script
...

Теперь есть куча способов запустить и выполнить эту функцию ...
+ По действию : нажать кнопку, двинуть мышку, еще что-то сделать ...
+ По свойству : изменилось состояние объекта подсветилось, стало активно / неактивно еще как-то ...
+ По условию, если a = b или c больше 2; и из другого скрипта вызвать и выполнить эту функцию ...

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

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

Пример самопроверки text/javasript кода скрипта ...
script
function tri() {
document.write("tri");
}
tri(); // само вызов функции из скрипта ...
/script
...

Видите разницу ? ... Если все правильно - браузере (HTML страница) эта функция выполниться сразу, как до нее дойдет очередь ... Тут все могут заорать : так мы-ж тебе - 1000 раз показывали как это работает на вызове функции alert(message); ... Да ... Я видел это ... И сам так делал ... Но, все это происходило с другой целью и в отрыве от кода скрипта ... Но, я - никогда не встречал такого простого и доступного объяснения : как проверить, что Java скрипт работает и его код написан верно ... Просто - выполнить функцию ... Получить результат ... Вызвать ее - и заставить работать ... Голый программный код, без конфетной обертки и фантиков ...

Через alert() удобно получать значения переменных, сообщения и результаты промежуточных вычислений (расчетов) - но только после того, как функция - будет запущена принудительно (действием) ... В этом примере - функция запускается автоматически, без паузы и ожидания, сразу отображая работоспособность или сбой ... Этот способ очень удобен при отладке одиночных функций независимо и отдельно от общего кода сложного JS скрипта ... Этот метод тестирования не зависит от простоты или сложности исполняемого кода скрипта, всего лишь автоматизируя рутинные монотонные действия и ускоряя процесс отладки ...

Недостаточно грамотно донести материал до слушателя ... Иногда еще необходимо и доходчиво объяснить - как применять полученные знания с пользой и экономией времени ...

март, 2017 ... Отредактировано, июль, 2023 ...

Теперь, что касается, как узнать, был ли загружен скрипт JavaScript ? ... Как мне кажется - именно здесь наиболее уместен пресловутый алерт ...

script
alert("скрипт старт");
...
alert("скрипт инт"); // Interrupt, прерывание, точка останова ...
...
alert("скрипт стоп");
/script

Именно, так - вы легко узнаете, что скрипт был загружен и отработал (отловив его крайние точки) ... Прерывание внутри JS кода - можно установить, чтобы отследить какое-то конкретное вычисление [ alert(var); // получить и посмотреть значение переменной ] или при отлове ошибок ... Дело в том, что пока в диалоговом окне не нажата кнопка OK - работа скрипта приостанавливается и это становится удобным способом влияния на его исполнение ...

Рекомендуемый метод, через логическую переменную / флаг
var myCheckFlag = true;
кажется мне избыточным и чрезмерно сложным ... Если мне нужно просто знать, загрузился ли скрипт, и при этом тявкнул алерт - какие еще сложные и дополнительные проверки - мне нужны в этом случае ? ))) ... А тихонько стучать о своей работоспособности, это уже какой-то хакерско / шпионский метод получается ))) ...

Тихая проверка загрузки скрипта нужна для обеспечения последовательности выполнения работы сценариев множества скриптов - при межскриптовом взаимодействии или при острой необходимости совместимости временных / тиминговых интервалов [ это вам - не ленивый отложенный лэзи лоад ))) ] ... А оно, вам - надо, при простой проверке загрузки одного скрипта ? ))) ... Например, ничего не работает, а там - банальная ошибка в имени или пропущена точка / запятая ... Также, есть дополнительные способы проверки по ID, функции onload или более сложные window.addEventListener (добавления прослушивателя событий в окно) ... Не суть ... JS alert() прекрасно справляется с возложенными на него задачами - легко, просто и понятно ...

Вообще, если исключить обычную невнимательность и очепятки, основные ошибки в работе скриптов сводятся к нескольким правилам ...
- завершать строки ; точкой с запятой ...
- следить за правильной расстановкой скобок ( пробелы и табы допускаются для облегчения читаемости ) ...
- в десятичных числах 5.2 ставить точку вместо запятой ...
- не ставить цифры впереди имени переменной 123var= , а делать наоборот var123= ...
- не ставить тире в имени функции my-func() , а использовать my_func() нижнее подчеркивание ...
- сравнение ЕСЛИ if (a==b) {bla-bla;} делать в скобках [ это вам не DOS BAT CMD, со своими IF A==B (DO ECHO) ] ))) ... Да, да ... Это примитивный пример, так писать - нельзя ... Или, IF (ECHO ...) , или FOR %I (ANY) DO ... , но все же ))) ...

На мой взгляд, это - основные проблемы неработоспособности яваскриптов ... Удачного javascript кодирования ...

май, 2022 ...

Список всех страниц, раздел computer : смотреть онлайн бесплатно, интересное - надо посмотреть ...