JavaScript для детей. Самоучитель по программированию

1. Что такое JavaScript?
21
3 + 4;
Теперь нажмите ENTER. JavaScript должен напечатать результат сло-
жения (7) на следующей строке:
3 + 4;
7
Как видите, ничего сложного. Но JavaScript — это нечто определенно 
большее, чем просто затейливый калькулятор. Давайте попробуем кое-
что еще.
Строение JavaScript-программы
Давайте позабавимся — напишем JavaScript-программу, которая печа-
тает японские смайлики каомодзи в виде кошачьей мордочки:
=^.^=
В отличие от простого сложения, с которого мы 
начали, эта программа занимает несколько строк. 
Чтобы ввести ее в консоли, нужно будет в конце 
каждой строки переходить на новую строку нажа-
тием SHIFT-ENTER. (Если нажать просто ENTER, 
Chrome попытается выполнить те команды, кото-
рые вы уже ввели, и программа не будет рабо-
тать правильно. Сами по себе компьютеры ничего 
не соображают — я предупреждал!)
Введите в консоли браузера:
// Рисуем столько котиков, сколько захотим!
var drawCats = function (howManyTimes) {
for (var i = 0; i < howManyTimes; i++) {
console.log(i + " =^.^=");
}
};
drawCats(10); // Вместо 10 тут может быть другое число
Draw cats 
— 
рисовать 
котиков
Function
— 
функция
How 
many 
times
— 
сколько раз

22
Часть I. Основы
В конце последней строки нажмите ENTER, а не SHIFT-ENTER. 
Программа должна напечатать следующее:
0 =^.^=
1 =^.^=
2 =^.^=
3 =^.^=
4 =^.^=
5 =^.^=
6 =^.^=
7 =^.^=
8 =^.^=
9 =^.^=
Если при вводе программы вы где-то ошиб лись, результат может ока-
заться другим — возможно, вы даже получите сообщение об ошибке. Это 
я и имел в виду, говоря, что компьютеры неразумны, — даже простейшая 
программа должна быть написана идеально, чтобы компьютер понял, 
что от него требуется!
Я не буду сейчас вдаваться в подробности, объясняя, как работает этот 
код (мы еще вернемся к нему в восьмой главе), однако давайте рассмотрим 
некоторые особенности этой программы, да и JavaScript-программ в целом.
Синтаксис
В нашей программе встречается много символов, таких как скобки (), точки 
с запятой ;, фигурные скобки {}, знаки плюс +, а также некоторые таин-
ственные на первый взгляд слова (например, 
var и console.log). Все это 
является частью синтаксиса JavaScript — то есть правил, указывающих, как 
объединять символы и слова, чтобы составить работающую программу.
Одна из главных сложностей при освоении нового языка программи-
рования — запомнить правила написания команд. Поначалу легко про-
пустить какие-нибудь скобки или запутаться в очередности записи зна-
чений. Не волнуйтесь, с опытом вы привыкнете писать код правильно.
В этой книге мы будем изучать материал медленно, постепенно зна-
комясь с новыми командами языка, чтобы вы могли писать все более 
и более мощные программы. 
Комментарии
В первой строке нашей программы написано:
// Рисуем столько котиков, сколько захотим!

1. Что такое JavaScript?
23
Это называется комментарий. Программисты пишут коммента-
рии, чтобы другим программистам было легче читать и понимать их 
код. Компьютер же комментарии игнорирует. В JavaScript комментарии 
начинаются с двух символов наклонной черты (//). Все, что идет следом 
за ними (в той же строке), интерпретатор JavaScript пропускает, поэтому 
комментарии не оказывают влияния на выполнение программы — это 
всего лишь пояснение.
В примерах кода, которые встретятся вам в этой книге, комментарии 
описывают, что и как там происходит. При написании своего кода тоже 
добавляйте комментарии — когда вы заглянете в программу некоторое 
время спустя, они напомнят вам, как работает код и что происходит 
на том или ином этапе.
В конце нашей программы-примера есть еще один коммента-
рий. Напоминаю: все, что записано после символов //, компьютер 
игнорирует! 
drawCats(10); // Вместо 10 тут может быть другое число
Комментарии могут занимать отдельную строку или следовать сразу 
после кода. Но если вы поставите // перед кодом, вот так:
// drawCats(10);
...то не произойдет вообще ничего! Chrome решит, что вся эта 
строка — комментарий, хоть там и записаны инструкции на языке 
JavaScript.
Когда вы, помимо примеров в этой книге, начнете изучать чужой 
JavaScript-код, вам будут попадаться комментарии, которые выглядят 
иначе:
/*
Рисуем столько котиков,
сколько захотим!
*/
Это другая разновидность комментариев; их обычно используют, 
когда текст примечания не помещается на одной строке. Однако прин-
цип здесь тот же: текст, записанный между 
/* и */, — это комментарий, 
и выполнять его компьютер не будет.

Что мы узнали
В этой главе мы познакомились с языком JavaScript и узнали, 
что можно делать с его помощью. Кроме того, мы научились 
запускать JavaScript-код в браузере Google Chrome и ввели 
несложную программу-пример. Все примеры из этой книги 
можно (и нужно!) запускать в JavaScript-консоли Google 
Chrome (если только я не скажу, что этого делать не надо). 
Просто читать код недостаточно — проверяйте, как он рабо-
тает! Это единственный способ научиться программировать.
В следующей главе мы приступим к изучению основ 
языка JavaScript, начиная с трех основных типов данных, 
с которыми вам предстоит работать: чисел, строк и булевых 
значений.

25
2

жүктеу/скачать 6,41 Mb.

Достарыңызбен бөлісу: