|
@@ -2,6 +2,9 @@
|
|
|
|
|
|
## Отладка
|
|
|
|
|
|
+**Браузер** на обычном компьютере или ноутбуке содержит в себе средства отладки вида страницы (**HTML**/**CSS**) и сопутствующего **JS**-кода.
|
|
|
+Эти средства называются **Developer Tools** и вызываются по **F12** **Ctrl-Shift-I** или Правая Кнопка->Посмотреть код элемента на странице.
|
|
|
+
|
|
|
**Developer Tools** содержит в себе множество средств отладки кода. Для хорошего понимания управляющих конструкций (**условий** и **циклов**) полезно
|
|
|
разобраться с **пошаговой отладкой** - выполнением кода по шагам. Это позволяет увидеть, какие блоки кода выполняются или не выполняются в условных
|
|
|
операторах и каковы значения переменных в каждый момент времени выполнения кода.
|
|
@@ -28,9 +31,15 @@
|
|
|
отлаживаемом коде, таким образом вы можете поэкспериментировать с этими значениями и, например, запустить из консоли следующий проблемный оператор в коде
|
|
|
или его часть для нахождения логической ошибки.
|
|
|
|
|
|
+### Отладочный вывод
|
|
|
+
|
|
|
+Вы всегда можете добавить `console.log` в место, где хотите получить информацию о состоянии программы. Этот способ хорош как дополнение к остальным.
|
|
|
+Так же вы можете написать определенное условие для отладки, вставить в него `console.log` и поставить **точку останова**.
|
|
|
+
|
|
|
### Задание 1
|
|
|
|
|
|
-Поиграться с вашим ДЗ, добавив туда точки останова, и посмотреть, чему равны переменные и как ведут себя `if` и `switch` в зависимости от значения переменных.
|
|
|
+Поиграться с вашим ДЗ, добавив туда точки останова, и посмотреть, чему равны переменные и как ведут себя `if` и `switch` в зависимости от значения
|
|
|
+переменных. Отладьте задание о логине и пароле в ДЗ.
|
|
|
|
|
|
## Циклы.
|
|
|
|
|
@@ -136,9 +145,18 @@ for (var i=0;i<10;i++){
|
|
|
}
|
|
|
```
|
|
|
|
|
|
+
|
|
|
Этот цикл считает от 0 до 9, каждую итерацию выводя значения i в консоль.
|
|
|
**Вопрос**: чему будет равен i после цикла?
|
|
|
|
|
|
+```javascript
|
|
|
+var letters = "abcdefghij";
|
|
|
+for (var i=0;i<10;i++){
|
|
|
+ console.log(i + ":" + letters[i]);
|
|
|
+}
|
|
|
+```
|
|
|
+Обратите внимание на работу со строкой как с массивом.
|
|
|
+
|
|
|
#### Задание
|
|
|
Напишите аналогичный цикл `while`
|
|
|
|