Google Chrome используется не только для серфинга в Интернете, но и для разработчиков, он больше похож на мощный инструмент помощи в разработке.
Если вы хотите сделать хорошую работу, вы должны сначала обострить свои инструменты. Далее я поделюсь с вами некоторыми способами использования Chrome.
Если читатели знают, как добавить точки останова JavaScript в Chrome, пожалуйста, продолжите чтение; В противном случае, восполняйте это самостоятельно.
Если есть такая часть кода:
Кода -копия выглядит следующим образом:
var a = 1;
функциональный тест () {
var a, b, c, d, e;
a = 2;
b = a - 1;
b = 9;
c = 3;
d = 4;
e = (a + b * c) * (a - d);
вернуть E;
}
тест();
Сам код не имеет значения, что важно, так это форма.
Если E является результатом, который нам нужен в конце, но обнаружим, что результат неверен, мы установили точку останова на линии, где мы присваиваем значение E.
После установления точки останова перенести мышь в переменную и остаться на некоторое время, Chrome привнесет вам значение переменной в настоящее время.
Но выражение довольно сложное, и бесполезно просто смотреть на значение одной переменной. Все выглядит нормально, но это неправильно после расчета.
В настоящее время вы, вероятно, захотите узнать результат (A + BC) части. Не волнуйтесь, сначала выберите выражение, затем переместите мышь в выбранную область и оставайтесь некоторое время.
Chrome сообщит вам ответ напрямую. Что еще интереснее, это все еще позади.
Щелкните правой кнопкой мыши прямо в выбранной области, и появится меню. Два лучших элемента: [Добавить в наблюдение] и [оценить в консоли]. Конкретные соответствующие представления справочных изображений.
Так называемые часы можно понимать как мониторинг. Некоторые выражения более важны и могут потребовать мониторинга значения выражения в реальном времени в течение всего процесса отладки. В настоящее время вы можете использовать часы.
Например, мы установили точку останова в строку «b = 9;» а затем добавьте часы: «A - B», со значением 1. Как показано на рисунке:
Нажмите на следующий шаг и выполните «b = 9;», что означает, что значение B изменилось. В настоящее время посмотрите на ценность часов: «A - B» и - 7.
Это достигает эффекта мониторинга в реальном времени и делает отладку более удобной и быстрее.
Далее, давайте посмотрим, что происходит с консоли.
Конечно, консоль является консолью, и выражения могут быть оценены непосредственно в консоли.
Например, если вы хотите узнать результат (A + BC), скопируйте его непосредственно на консоль и нажмите Enter, и результат появится.
Подождите, кажется, что что -то не так, почему консоль знает ценности A, B и C?
Выполнение кода JavaScript в консоли без точек останова является глобальным. То есть в настоящее время переменная x определяется в консоли, и объем этого X является глобальным.
Если консоль используется в случае прерывания программы, объем консоли ориентирована на прицел при прерывании. То есть везде, где установлена точка останова (или где выполняется код), объем консоли находится там, где она находится.
В этом примере переменная A определяется в глобальной области со значением 1; и локальная переменная a определяется в области тестирования функциональных тестов со значением 2. Установите точку останова в «a = 2;», введите A в консоли, введите и распечатайте неопределенную.
Поскольку программа прерывается внутри функционального теста в настоящее время, и программа выполняется в функциональном тесте, объем консоли также находится в функциональном тесте. Следовательно, входной доступ к локальной переменной A, и локальная переменная A не назначена в настоящее время, поэтому результат не определен.
На этот раз я поделюсь так много. Я буду продолжать делиться этим, когда столкнусь с могущественным человеком в будущем. Я надеюсь, что это будет полезно для читателей.