вайте COMMAND и OPTION, а затем нажмите J.
Если вы все сделали правильно, то увидите пустую веб-страницу, под
которой стоит значок угловой скобки (>), а после него мигает курсор (|).
Здесь нам и предстоит писать код на языке JavaScript!
! Текст в консоли Chrome подсвечивается разными цветами в зависи-
мости от типа данных. В этой книге код для ввода в консоль напе-
чатан такими же цветами там, где это имеет значение. Но там,
где разноцветный код будет вас только отвлекать, синим мы будем
выделять то, что сами вводим в консоль, а данные, которые авто-
матически выдаст программа, будут цветными.
Адресная строка используется для перехода на сайты,
например Facebook.com или Google.com. Сейчас нам
нужна пустая страница, поэтому вводим about:blank
и жмем ENTER.
JavaScript-консоль: здесь мы будем
тестировать короткие программы.
Рис. 1.4. JavaScript-консоль Google Chrome
Когда вы введете код и нажмете ENTER, JavaScript должен запу-
стить (иначе говоря, выполнить) ваш код, показав на следующей строке
результат (когда он есть). Например, введите в консоли:
20 Часть I. Основы
3 + 4;
Теперь нажмите ENTER. JavaScript должен напечатать результат сло-
жения (7) на следующей строке:
3 + 4;
7
Как видите, ничего сложного. Но JavaScript — это нечто определенно
большее, чем просто затейливый калькулятор. Давайте попробуем кое-
что еще.
Строение JavaScript-программы
Давайте позабавимся — напишем JavaScript-программу, которая печа-
тает японские смайлики каомодзи в виде кошачьей мордочки:
=^.^=
В отличие от простого сложения, с которого мы
начали, эта программа занимает несколько строк.
Чтобы ввести ее в консоли, нужно будет в конце
каждой строки переходить на новую строку нажа-
тием SHIFT-ENTER. (Если нажать просто ENTER,
Chrome попытается выполнить те команды, кото-
рые вы уже ввели, и программа не будет рабо-
тать правильно. Сами по себе компьютеры ничего
не соображают — я предупреждал!)
Введите в консоли браузера:
// Рисуем столько котиков, сколько захотим!
Draw cats —
var drawCats = function (howManyTimes) {
рисовать
for (var i = 0; i < howManyTimes; i++) {
котиков
console.log(i + " =^.^=");
}
Function —
};
функция
drawCats(10); // Вместо 10 тут может быть другое число
How
many
times —
сколько раз
1. Что такое JavaScript? 21
В конце последней строки нажмите ENTER, а не SHIFT-ENTER.
Программа должна напечатать следующее:
0 =^.^=
1 =^.^=
2 =^.^=
3 =^.^=
4 =^.^=
5 =^.^=
6 =^.^=
7 =^.^=
8 =^.^=
9 =^.^=
Если при вводе программы вы где-то ошиб лись, результат может ока-
