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

заться другим — возможно, вы даже получите сообщение об ошибке. Это

я и имел в виду, говоря, что компьютеры неразумны, — даже простейшая

программа должна быть написана идеально, чтобы компьютер понял,

что от него требуется!

Я не буду сейчас вдаваться в подробности, объясняя, как работает этот

код (мы еще вернемся к нему в восьмой главе), однако давайте рассмотрим

некоторые особенности этой программы, да и JavaScript-программ в целом.

Синтаксис

В нашей программе встречается много символов, таких как скобки (), точки

с запятой ;, фигурные скобки {}, знаки плюс +, а также некоторые таин-

ственные на первый взгляд слова (например, var и console.log). Все это

является частью синтаксиса JavaScript — то есть правил, указывающих, как

объединять символы и слова, чтобы составить работающую программу.

Одна из главных сложностей при освоении нового языка программи-

рования — запомнить правила написания команд. Поначалу легко про-

пустить какие-нибудь скобки или запутаться в очередности записи зна-

чений. Не волнуйтесь, с опытом вы привыкнете писать код правильно.

В этой книге мы будем изучать материал медленно, постепенно зна-

комясь с новыми командами языка, чтобы вы могли писать все более

и более мощные программы.

Комментарии

В первой строке нашей программы написано:

// Рисуем столько котиков, сколько захотим!

22 Часть I. Основы

Это называется комментарий . Программисты пишут коммента-

рии, чтобы другим программистам было легче читать и понимать их

код. Компьютер же комментарии игнорирует. В JavaScript комментарии

начинаются с двух символов наклонной черты (//). Все, что идет следом

за ними (в той же строке), интерпретатор JavaScript пропускает, поэтому

комментарии не оказывают влияния на выполнение программы — это

всего лишь пояснение.

В примерах кода, которые встретятся вам в этой книге, комментарии

описывают, что и как там происходит. При написании своего кода тоже

добавляйте комментарии — когда вы заглянете в программу некоторое

время спустя, они напомнят вам, как работает код и что происходит

на том или ином этапе.

В конце нашей программы-примера есть еще один коммента-

рий. Напоминаю: все, что записано после символов //, компьютер

игнорирует!

drawCats(10); // Вместо 10 тут может быть другое число

Комментарии могут занимать отдельную строку или следовать сразу

после кода. Но если вы поставите // перед кодом, вот так:

// drawCats(10);

...то не произойдет вообще ничего! Chrome решит, что вся эта

строка — комментарий, хоть там и записаны инструкции на языке

JavaScript.

Когда вы, помимо примеров в этой книге, начнете изучать чужой

JavaScript-код, вам будут попадаться комментарии, которые выглядят

иначе:

/*

Рисуем столько котиков,

сколько захотим!

*/

Это другая разновидность комментариев; их обычно используют,

когда текст примечания не помещается на одной строке. Однако прин-

цип здесь тот же: текст, записанный между /* и */, — это комментарий,

и выполнять его компьютер не будет.

1. Что такое JavaScript? 23

Что мы узнали

В этой главе мы познакомились с языком JavaScript и узнали,

что можно делать с его помощью. Кроме того, мы научились

запускать JavaScript-код в браузере Google Chrome и ввели

несложную программу-пример. Все примеры из этой книги

можно (и нужно!) запускать в JavaScript-консоли Google

Chrome (если только я не скажу, что этого делать не надо).

Просто читать код недостаточно — проверяйте, как он рабо-

тает! Это единственный способ научиться программировать.

В следующей главе мы приступим к изучению основ

языка JavaScript, начиная с трех основных типов данных,

с которыми вам предстоит работать: чисел, строк и булевых

значений.

2

Т И П Ы Д А Н Н Ы Х И П Е Р Е М Е Н Н Ы Е

Программирование — это работа с данными, но что такое данные?

Данные — это информация, которая хранится в наших компьютерных

программах. Например, ваше имя — это элемент данных, и ваш возраст

тоже. Цвет волос, количество братьев и сестер, ваш адрес и пол — все это

данные.

В JavaScript есть три основных типа данных: числа, строки и булевы

значения. Числа — они и есть числа, тут все понятно. Например, числом

можно выразить возраст или рост.

В JavaScript числа записываются так:

5;

Любые текстовые данные записываются в строки. В JavaScript ваше

имя можно выразить строкой (так же как и адрес вашей электронной

почты).

Строки выглядят так:

"Привет, я строка";

Булевы значения могут хранить одну из двух величин —

либо это true («истина»), либо false («ложь»). Например, таким

способом можно показать, носите ли вы очки или любите ли вы

брокколи.

25

Пример булева значения:

true;

С данными разных типов и обращаться следует по-разному.

Например, перемножить два числа можно, а перемножить две строки —

нет. Зато, имея строку, можно выделить пять ее первых символов. Взяв

два булевых значения, можно проверить, являются ли они оба «истиной»

(true). Вот все эти действия на примере:

99 * 123;

12177

"Вот длинная строка".slice(0, 3);

"Вот"

true && false;

false

Любые данные в JavaScript — не более чем сочетание этих основных

типов. Далее мы по очереди рассмотрим каждый тип данных и изучим

различные способы работы с ними.

! Наверное, вы заметили, что все эти команды оканчиваются

на точку с запятой (;). Этим символом обозначают конец каждой

отдельной команды или инструкции языка JavaScript — примерно

так же, как точка отмечает конец предложения.

Числа и операторы

JavaScript позволяет выполнять основные математические опера-

ции, такие как сложение, вычитание, умножение и деление. Для

их записи используются символы +, −, * и /, которые называют

опе раторами .

Консоль JavaScript можно использовать как калькулятор. Один

из примеров — сложение 3 и 4 — нам уже знаком. Давайте вычислим

что-нибудь посложнее: сколько будет 12345 плюс 56789?

12345 + 56789;

69134

Посчитать это в уме не так уж просто, а JavaScript мгновенно спра-

вился с задачей.

26 Часть I. Основы

Можно сложить несколько чисел с помощью нескольких знаков «плюс»:

22 + 33 + 44;

99

Также JavaScript умеет вычитать...

1000 - 17;

983

умножать (с помощью символа «звездочка»)...

123 * 456;

56088

и делить (с помощью косой черты — слэша)...

12345 / 250;

49.38

Кроме того, можно объединять эти простые операции, составляя

более сложные выражения, вроде такого:

1234 + 57 * 3 - 31 / 4;

1397.25

Есть один нюанс — результат вычислений зависит

1234 + 57 * 3 - 31 / 4

от порядка, в котором JavaScript выполняет отдельные

операции. В математике существует правило, по которому