Для таких людей, как я, которые сами изучают JavaScript и не имеют опыта в изучении других языков, вначале отладка JavaScript также была относительно сложной точкой. Многие основные вещи должны быть изучены самим, и этот процесс очень удручает.
Я подумал о том, чтобы воспользоваться возможностью продемонстрировать фотографии вышеупомянутого сообщения в блоге с использованием Firebug, который можно рассматривать как общий опыт отладки.
Пример кода заключается в следующем:
Кода -копия выглядит следующим образом:
функция fn () {
var max = 10;
вернуть функции панели (x) {
if (x> max) {
console.log (x);
}
}
}
var fl = fn (),
Макс = 100;
FL (15);
Выберите Firebug - скрипт
Сторог справа может быть окно -объектами и переменными max, fl и fn.
В то же время вы также можете увидеть свойства окна ниже. В качестве примера, вы можете напрямую запустить Window. Конечно, при обращении к свойствам и методам объектов окна вам не нужно использовать форму «window.xxx», но напрямую используйте «XXX».
Вернуться к делу,
Вернитесь в столбец «Скрипт», отладка JavaScript и просмотреть значения переменных, нажав «точки останова».
Есть несколько концепций, которые вы можете сначала понять: точки останова, пошаговая запись, пошаговый пропуск и пошаговый выход. Я не буду описать это здесь.
На этот раз мы в основном используем метод установки точек останова и шаг за шагом.
Вы можете нажать, чтобы установить точку останова на отметке левой линии, и щелкните правой кнопкой мыши, чтобы принять регулярное суждение.
Можно установить несколько точек останова, и установленные точки останова могут быть удалены в столбце «Точка останова».
Здесь вы нарушаете точку прямо в начале тега сценария и освежаете страницу.
в это время
1. Оригинальный объект окна в области мониторинга справа становится этим и указывает на окно. Вывод этого. Расположение в «Консоли» получит тот же результат, что и местоположение.
2. Глобальные переменные MAX и FL инициализируются до неопределенного
3. fn () - это объявление функции, потому что SARSER сначала прочтет объявление функции и сделает ее доступным перед выполнением любого кода (доступный)
Нажмите кнопку «Одностадийное введение» в верхнем правом углу
Выполните код шаг и просмотрите это, изменения значения каждой переменной и стек в области мониторинга. Вы можете обратиться к рекомендуемому блогу.
Тогда пришел еще один пример этого
Код заключается в следующем:
Кода -копия выглядит следующим образом:
var name = 'the Window';
var obj = {
Имя: «Местный»,
getNamefunc: function () {
console.log (this.name);
return function () {
console.log (this.name);
};
}
};
var c = obj.getNamefunc ();
c ();
Тем не менее, «шаг в», вы можете видеть, что при выполнении строки C () кода вы вводите GetNameFunc, это меняется от указы на объект Window в OBJ, а консоль выводит «локальный».
Пошаговое выполнение позволяет вам очень четко увидеть логику запуска всего кода.
Выше приведено краткое изложение метода использования функции отладки Firebug для понимания закрытия JavaScript и этого. Надеюсь, тебе понравится