WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!

Pages:     || 2 | 3 | 4 | 5 |   ...   | 6 |
-- [ Страница 1 ] --

Вадим Дунаев JavaScript Изучите один из популярнейших языков для самостоятельно издание Прочитав эту книгу, вы узнаете:

общие принципы программирования основные элементы языка JavaScript алгоритмы и методы веб-программирования порядок разработки собственных приложений СЕРИЯ • Вадим Дунаев 2-е издание Москва • Санкт-Петербург • Нижний Новгород • Воронеж Новосибирск • Ростов-на-Дону • Екатеринбург • Самара Киев • Харьков • Минск 2005 ББК УДК 004.738.5(075) Д83 Дунаев В.

Д83 Самоучитель JavaScript, 2-е изд. — СПб.: Питер, 2005. — 395 ил.

ISBN 5-469-00804-5 Эта книга предназначена для самостоятельного освоения программирования на языке JavaScript. Кроме общего руководства, она содержит множество примеров и текстов готовых к использованию программ. Рассматриваются вопросы создания сценариев для а также сценариев, выполняемых Windows Scripting Host. В приложениях приводится справочная информация по JavaScript и HTML. Книга адресована как новичкам, так и тем, кто уже имеет некоторый опыт в веб-дизайне и программировании. Во втором издании книги исправлены замеченные опечатки и неточности.

ББК УДК 004.738.5(075) Все права защищены. Никакая часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав.

Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственности за возможные связанные с использованием книги.

ISBN © ЗАО Издательский дом Краткое содержание От автора И Введение Глава 1. Основы JavaScript Глава 2. Основы создания сценариев ПО Глава 3. Объектная модель браузера и документа Глава 4. Примеры сценариев Глава 5. Работа с файловой системой и реестром Windows Приложение 1. Руководство по динамическому HTML Приложение 2. Справочник по HTML Алфавитный указатель Содержание От автора Благодарность Глава 1. Основы JavaScript 1.1. Где писать программы и как их запускать 1.2. Ввод и вывод данных 1.2.1. alert 1.2.2. confirm prompt 1.3. Типы данных 1.4. Переменные и оператор присвоения 1.4.1. Имена переменных 1.4.2. Создание переменных 1.4.3. Область действия переменных 1.5. Операторы 1.5.1. Комментарии 1.5.2. Арифметические операторы 1.5.3. Дополнительные операторы присвоения 1.5.4. Операторы сравнения 1.5.5. Логические операторы 1.5.6. Операторы условного перехода 1.5.7. Операторы цикла 1.5.8. Выражения с операторами 1.6. Функции Встроенные функции 1.6.2. Пользовательские функции 1.6.3. Выражения с функциями Встроенные объекты 1.7.1. Объект String (Строка) 1.7.2. Объект Array (Массив) 1.7.3. Объект Number (Число) 1.7.4. Объект Math (Математика) 1.7.5. Объект Date (Дата) Содержание 1.7.6. Объект Boolean (Логический) 1.7.7. Объект Function (Функция) 1.7.8. Объект Object Пользовательские объекты 1.8.1. Создание объекта Добавление свойств 1.8.3. Связанные объекты 1.8.4. Пример создания базы данных с помощью объектов 1.9. Специальные операторы 1.9.1. Побитовые операторы 1.9.2. Объектные операторы 1.9.3. Комплексные операторы 1.10. Приоритеты операторов Зарезервированные ключевые слова Глава 2. Основы создания сценариев 2.1. Из истории программирования НО 2.2. От простого до динамического HTML 2.2.1. Простой HTML ИЗ 2.2.2. Динамический HTML 2.3. Где, что и как делают сценарии 2.3.1. Расположение сценариев 2.3.2. Обработка событий 2.3.3. Объекты, управляемые сценариями 2.4. Понятие события 2.4.1. Свойства события 2.4.2. Прохождение событий 2.4.3. Указание обработчика события в сценарии 2.5. Работа с окнами и фреймами 2.5.1. Создание новых окон 2.5.2. Фреймы 2.5.3. Плавающие фреймы 2.5.4. Всплывающие окна 2.6. Динамическое изменение элементов документа 2.6.1. Использование метода 2.6.2. Изменение значений атрибутов элементов 2.6.3. Изменение элементов 2.7. Загрузка изображений 2.8. Управление процессами во времени 2.9. Работа с Cookie Глава 3. Объектная модель браузера и документа 3.1. Объект window 3.1.1. Свойства window 3.1.2. Методы window 3.1.3. События window ' 8 Содержание 3.2. Объект document 3.2.1. Свойства document 3.2.2. Коллекции document 3.2.3. Методы document 3.2.4. События document 3.3. Объект location 3.3.1. Свойства location 3.3.2. Методы location 3.4. Объект history 3.4.1. Свойство history 3.4.2. Методы history 3.5. Объект navigator 3.5.1. Свойства navigator 3.5.2. Коллекции navigator 3.5.3. Методы navigator * 3.6. Объект event 3.7. Объект screen 3.7.1. Объект TextRange 3.7.2. Свойства TextRange 3.7.3. Методы TextRange Глава 4. Примеры сценариев 4.1. Простые визуальные эффекты 4.1.1. Смена изображений 4.1.2. Подсветка кнопок и текста 4.1.3. Мигающая рамка 4.1.4. Переливающиеся цветами ссылки 4.1.5. Объемные заголовки 4.1.6. Применение фильтров Эффект печати на пишущей машинке 4.2. Движение элементов 4.2.1. Движение по заданной траектории 4.2.2. Перемещение 4.3. Рисование линий 4.3.1. Прямая линия 4.3.2. Произвольная кривая 4.3.3. Графики зависимостей, заданных выражениями 4.3.4. Графики зависимостей, заданных массивами 4.3.5. Динамические линии Напишем число словами 4.5. Обработка данных форм 4.6. Меню 4.6.1. Раскрывающийся список 4.6.2. Настоящее меню 4.7. Поиск в текстовой области 4.8. Таблицы и простые базы данных 4.8.1. Доступ к элементам таблицы Содержание 4.8.2. Добавление и удаление строк таблицы 4.8.3. Генерация таблиц с помощью сценария 4.8.4. Простые базы данных 4.8.5. Сортировка данных таблицы 4.8.6. Фильтрация данных таблицы 4.8.7. Поиск по сайту 4.8.8. Вставка HTML-документа в таблицу 4.8.9. Обработка табличных данных Защита веб-страниц с помощью пароля 4.9. Взаимодействие с Flash-мультфильмами Передача данных из JavaScript в 4.9.2. Вызов сценария JavaScript из сценария ActionScript Глава 5. Работа с файловой системой и реестром Windows 5.1. Создание объекта файловой системы 5.2. Работа с дисками 5.3. Работа с папками Создание папки 5.3.2. Копирование, перемещение и удаление папки 5.4. Работа с файлами, 5.4.1. Создание текстового файла 5.4.2. Копирование, перемещение и удаление файла 5.4.3. Чтение данных из файла и запись данных в файл 5.4.4. Создание ярлыков 5.4.5. Запуск приложений 5.5. Работа с реестром Приложение 1. Руководство по динамическому HTML Основные понятия Форматирование Стандартные логические стили Управление шрифтом Цвет Текст заданного формата Списки Разделительные полосы Бегущая строка Специальные и зарезервированные символы Графика на веб-страницах Вставка изображений Фоновая графика Ссылки Текстовые ссылки Графические ссылки 10 Содержание URL-адреса ссылок Ссылки в пределах одного документа Таблицы Стили Позиционирование элементов Статические фильтры Динамические фильтры Таблицы стилей в отдельных файлах Вставка Flash-мультфильма в веб-страницу Вставка звука и видео Поле ввода данных Переключатели Флажки Кнопки Фреймы Тег <МЕТА> Группа (HTTP-эквиваленты) Группа NAME (имя) Приложение 2. Справочник по HTML Теги HTML Структура документа Заголовки и названия Абзацы и строки Стили Списки Таблицы Ссылки Графика, объекты, мультимедиа и сценарий Формы Фреймы Таблицы стилей Единицы измерения Свойства динамического HTML События динамического HTML Алфавитный указатель От автора После выхода в свет моих книг «Сам себе web-мастер» (2001) и «Сам себе web дизайнер» (2002) многочисленные читатели часто спрашивали меня о том, как написать тот или иной сценарий на языке JavaScript для поддержки своей веб страницы. Сначала я пытался оперативно отвечать на все вопросы, но вскоре вы нужден был оставить это занятие — просто не успевал. Вместе с тем появлением этой книги я обязан вам, уважаемые читатели. Понятно, что, освоив HTML, начи нающие веб-дизайнеры сначала ищут по всему свету образцы недостающих им сценариев, а затем — рецепты их создания. Рано или поздно они ощущают необ ходимость глубже познать язык сценариев, чтобы не гоняться за рецептами, а са мим их создавать. Кроме того, на разработку веб-сайтов можно взглянуть не толь ко с традиционной точки зрения HTML, но и с позиций языка сценариев, что еще более увлекательно. Как и HTML, язык JavaScript с успехом претендует на роль народного языка общения с компьютером. Он очень популярен, его легко изучать не искушенным в программировании новичкам. Тем не менее он достаточно вы разителен при создании вполне серьезных и полезных приложений как для Веб, так и для локальных компьютеров.

Хотя JavaScript прост для усвоения и практического использования, полное его описание занимает более 1000 страниц. Я понимаю, что далеко не каждый, даже весьма заинтересованный этой темой, отважится на чтение такого фолианта, осо бенно если ему предстоит все начинать с нуля. Эта книга — не справочник, а прак тическое руководство для самостоятельного изучения JavaScript, не требующее от читателя предварительной подготовки в области программирования. Я хотел сделать ее небольшой, понятной и полезной. В ней содержится масса сведений, рекомендаций и даже рецептов, которые вам могут потребоваться на первых по рах создания веб-сайтов и локальных приложений. Однако главная цель книги — помочь научиться программировать. Если вы никогда ранее не занимались про граммированием, то эта книга даст вам ключ к освоению не только JavaScript, но и любого другого языка программирования. В частности, от JavaScript вы сможе те довольно легко перейти к изучению C++, Java и др. Вообще говоря, стоит толь ко освоить один язык, и вам открыты двери к любому другому. Если вы начинаете с JavaScript, то это очень хороший выбор.

На каком-то этапе проникновения в мир программирования на JavaScript вам, вероятно, потребуются дополнительные сведения. Осилив предлагаемую книгу, вы уже будете готовы к их восприятию. Вот тут-то вам и понадобятся справочни ки с детальной и полной информацией, которые найдутся в книжных магазинах, 12 Благодарность на полках библиотек или в Интернете. В настоящее время наилучшим, на мой взгляд, справочником по JavaScript является весьма объемная книга Д. Гудмана «JavaScript. Библия для пользователя».

Материал предлагаемой книги поддерживается моим сайтом, расположенным по адресу www.admiral.ru/~dunaev. По мере сил и возможностей я периодически об новляю его. Свои отзывы, вопросы и пожелания вы можете оставить в гостевой книге. Так что добро пожаловать!

Благодарность Я искренне благодарю свою жену Валентину за понимание и внимательное отно шение ко мне в период работы над книгой.

От издательства Ваши замечания, предложения, вопросы отправляйте по адресу электронной по чты comp@piter.com (издательство «Питер», компьютерная редакция).

Мы будем рады узнать ваше мнение!

На веб-сайте издательства http://www.piter.com вы найдете подробную информа цию о наших книгах.

Введение Язык программирования, как и любой другой язык (естественный, например), предназначен для коммуникации, то есть связи между говорящим и слушающим.

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

Было время, когда считалось, что для облегчения общения с компьютером необ ходимо создать язык, достаточно близкий к естественному. Эта идея в конечном счете не выдержала испытаний временем, хотя и породила несколько прекрас ных языков программирования. Часто бывает, что побочные эффекты некоей де ятельности превосходят ожидания. Мы испытываем трудности общения и на ес тественном языке;

что уж говорить о специализированных языках, тем более о языках общения с компьютером... Проблема решается на удивление просто. Глав ное здесь — понять корень или причину проблемы. Вся сложность заключается не в языке, а в культуре или способе его употребления. В конце концов, язык пред ставляет собой лишь нормативную базу, а люди используют ее лишь так и в той мере, как смогли или как им показалось достаточным для своих житейских нужд.

Когда люди, сами того не размывают небрежной речью нормативную базу языка, они разрушают систему коммуникации не только между собой, но и между последующими поколениями. А как соблазнительно использовать слэнг и жар гон! При этом возникает иллюзия причастности к особой, исключительной груп пе, некоей профессиональной касте. Кажется, что это выделяет нас из толпы. По нятно, что для становления личности необходимо выделиться из среды, но не настолько, чтобы выпасть на обочину магистрали, по которой движется все наше общество. На обочине вас никто не заметит, пролетая мимо, а вам самим останет ся только копошиться в грязи, чтобы потом рассказать кому-нибудь о перипетиях вашего лихого путешествия по жизни. Но соблазны на то нам и даны, чтобы мы могли показать свою способность им противостоять.

Любой язык, на котором хотя бы кто-нибудь говорит, — живой. Практика исполь зования языка стимулирует развитие его нормативной базы и тем самым поддер живает его существование. Владимир Даль не описывал нормы русского языка, а фиксировал словоупотребление, поэтому его словарь и называется словарем «жи вого великорусского языка». Что касается искусственных языков, то есть языков программирования, то трудности их освоения новичками обусловлены, главным образом, недостатком практики программирования. Стандартный (формальный) способ описания языка хорош для тех, кто уже изучал любой язык программиро Введение вания. Для новичков же стандартный, тем более формальный способ изложения правил языка является, мягко говоря, неприемлемым. Мы постигаем нечто ина че, чем излагаем уже освоенное. Эта хорошо известная истина, к сожалению, по чему-то часто забывается и учениками, и преподавателями. Однако авторы почти всех руководств по языку, снискавших широкое признание и добившихся успеха, следовали этому основному принципу.

Давайте для пробы пера напишем и выполним хотя бы элементарную, но все же полноценную программу на JavaScript, чтобы убедиться в реальности нашей за теи изучить программирование. Откроем простой текстовый редактор, например Блокнот (Notepad) Windows (рис. и введем с клавиатуры следующий текст:

Рис. Код программы в окне текстового редактора Мы написали элементарную программу на языке JavaScript, состоящую из одной строки. Сохраним эту программу в файле под именем, например, Имя файла может быть произвольным, а вот расширение указывает, что он содер жит выражения, написанные на языке JavaScript. Чтобы сохранить файл, выпол ните команду меню Файл Сохранить как. В открывшемся диалоговом окне из рас крывающегося списка Тип файла выберите Все файлы (*.*), а в поле Имя файла введите с клавиатуры имя файла с расширением js, например proba.js (рис. В.2).

В заключение щелкните на кнопке Сохранить.

Сохранение l.........................

Мои editot.htm htm Рис. В.2. Диалоговое окно сохранения файла Введение Итак, наша программа написана и сохранена в файле. Чтобы ее выполнить, в Про воднике Windows дважды щелкните на имени файла proba.js. В результате на эк ране появится диалоговое окно со словом «Привет!» и кнопкой (рис.

Щелчок на этой кнопке закроет окно. Так работает наша программа.

Сервер Рис. В.З. Диалоговое окно с сообщением, созданное программой Теперь немного модифицируем нашу программу. Откроем Блокнот и напишем в нем следующие строки:

Сохраним эту программу в файле с именем proba.htm. Если мы ее выполним, то в результате откроется окно веб-браузера, а на его фоне — диалоговое окно со сло вом «Привет!» и кнопкой ОК (рис. В.4).

Домой Рис. В.4. Диалоговое окно с сообщением на фоне браузера Internet Explorer Введение Итак, эффекты выполнения рассмотренных выше двух программ почти одинако вы: обе программы выводят на экран диалоговое окно с сообщением. Различие состоит в том, что в первом случае диалоговое окно с сообщением появляется само по себе, а во втором — фоне окна браузера. Дело в том, что эти почти одинако вые программы исполняются различными интерпретаторами языка. В первом случае это сервер сценариев Windows, называемый Windows Scripting Host, а во втором — веб-браузер. Вообще говоря, редакции языка JavaScript, понимаемые этими интерпретаторами, несколько различаются, но между ними много обще смысле как синтаксиса, так и принципов построения. Поэтому можно гово рить о различных редакциях одного и того же языка.

Таким образом, мы столкнулись с тем, что различные исполнительные системы (интерпретаторы) воспринимают различные редакции одного и того же языка.

Это происходит из-за того, что только благодаря интерпретаторам можно гово рить о языке как о чем-то реальном. Представьте себе следующую ситуацию. До пустим, мы сами придумали некий язык программирования. Чтобы на нем дей ствительно можно было писать программы, необходимо создать исполнительную систему — интерпретатор этого языка. Интерпретатор сам является программой, написанной на другом языке программирования и, возможно, другими людьми.

Он может воспринимать декларированный нами язык в полной мере или только частично. А может случиться и так, что некоторые элементы языка интерпрета тор будет воспринимать по-своему, не так, как это изначально предполагалось ав торами. Поэтому появляются различные редакции языка, каждая для своего ин терпретатора. Например, редакции JavaScript, понимаемые Microsoft Internet Explorer и браузерами Netscape, значительно отличаются друг от друга. С другой стороны, интерпретаторы усовершенствуются, появляются их новые версии. Те фрагменты языка, которые не воспринимались старыми версиями, становятся до ступными в новых. Иначе говоря, интерпретаторы стремятся соответствовать не которому стандартному подмножеству языка. Язык также может развиваться с учетом практики его использования и проблем, возникающих при разработке интерпретаторов. Постепенно формируется стандарт языка, который должен под держиваться интерпретаторами различных производителей.

На момент выхода в свет этой книги современной являлась версия 1.5 JavaScript.

Все рассмотренные в книге конструкции языка и примеры сценариев работают в браузере Microsoft Internet Explorer 6.0 для Windows;

многие из них подходят и для Internet Explorer 4+ для Windows, но не все, — возможно, они будут коррек тно выполняться в Internet Explorer 5 для Macintosh. Некоторые описанные в книге средства не будут работать в Netscape Navigator версии 4 и старше. Средства, вос принимаемые только браузерами, отличными от Internet Explorer для Windows, в этой книге не рассматриваются вообще. Если не оговаривается особо, то описы ваемые в книге средства применимы для Internet Explorer 4 для Windows и стар ше, хотя некоторые из них могут работать и в более ранних версиях. Если у вас установлен Internet Explorer для Windows версии 5.5 и старше, то все сценарии, приведенные в книге, будут работать. Из-за ограниченного объема книги в ней отражены лишь основные возможности JavaScript, кое-что пришлось оставить без внимания. Если вы чего-то не то обращайтесь к другим, более специали зированным или более объемным книгам.

Введение Глава 1 посвящена основным элементам собственно языка JavaScript. Глава 2 зна комит читателя с основными понятиями и важнейшими объектами, используе мыми при создании сценариев, которые выполняются браузером. По существу, это введение в мир разработки сценариев. Обзор объектной модели браузера и до кумента приводится в главе 3. Материал этой главы можно использовать в каче стве краткого справочника и пропустить при первом чтении. Он понадобится для получения ориентации в пространстве объектов. Примеры сценариев, решающих конкретные практические задачи, представлены в главе 4. Хотя примеры присут ствуют во всех главах, в этой главе они иллюстрируют комплексное применение различных средств JavaScript и приближены к типовым задачам веб-дизайна. Гла ва 5 посвящена работе с файловой системой компьютера и реестром Windows с помощью программ на JavaScript. Ее можно читать отдельно, поскольку материал не связан с предыдущими главами. В приложении приведены руководство и спра вочник по HTML.

Изучение материала книги может быть успешным только при активном отноше нии читателя. Хотя описываемые в книге программы вполне работоспособны, их коды, скорее всего, несовершенны и могут быть улучшены, модифицированы для решения других задач либо интегрированы с другими программами в каком-то сложном программном проекте. Если вы попробуете что-либо с ними сделать, то многому научитесь и многое поймете. Это — магистральный путь познания про граммирования. Итак, мы начинаем.

Глава 1. Основы JavaScript 1.1. Где писать программы и как их запускать В этой главе мы рассмотрим основы языка JavaScript: важнейшие понятия и син таксис (правила построения выражений). Приводимые примеры желательно са мостоятельно выполнить на компьютере. Это можно сделать по-разному, но по крайней мере на первом этапе я рекомендую воспользоваться самым простым и до ступным способом: в качестве интерпретатора (исполнительной системы) про грамм на JavaScript возьмите веб-браузер. Я работал с Internet Explorer 6.0. Боль шинство приведенных в книге примеров работают и в версии 5.0 этого браузера.

В качестве редактора ваших программ выберите какой-нибудь простой тексто вый редактор, например Блокнот Windows. Откройте текстовый редактор и со здайте в нем заготовку который вы будете потом редактировать, вводя экспериментальные выражения или даже целые программы. А именно введите в рабочее поле редактора следующий текст:

По существу, это HTML-документ, определяющий пустую веб-страницу. Сохра ните этот файл на диске, например под именем Расширение имени файла должно быть htm или html, поскольку мы хотим, чтобы он исполнялся в веб браузере. В этом файле мы написали теги языка HTML. Выражения на языке JavaScript следует записывать между тегами . При изучении этой главы записывайте в каждой строке не более одного выражения на языке JavaScript. Заканчивайте строку нажатием на клавишу Enter, чтобы перейти к но вой строке. Ниже приведен пример программы:

1.1. Где писать программы и как их запускать При выполнении учебных примеров обычно требуется вывести на экран оконча тельные или промежуточные данные. Для этого можно использовать метод указав в круглых скобках то, что требуется вывести на экран. В приведенном выше примере метод alert(y) выведет на экран диалоговое окно, в котором отобразит значение переменной у (в данном случае — число 8). Если не вставлять строку alert(y), то программа выполняется без отображения результата. Если вы хотите выводить результаты вычислений не в диалоговом окне, а непосредственно в окне веб-браузера, то вместо alert(y) напишите следующее выражение:

Чтобы открыть файл (в нашем случае это в веб-браузере и выпол нить содержащуюся в нем программу, достаточно просто дважды щелкнуть левой кнопкой мыши на нем в окне Проводника Windows. Если теперь потребуется открыть этот файл в окне текстового редактора, то щелкните правой кнопкой мыши где-ни будь на свободном пространстве в окне браузера и в контекстном меню выберите команду Просмотр в виде HTML Можно также воспользоваться и командой меню Вид В виде HTML. В результате откроется окно текстового редактора с текстом вашей про граммы (рис. 1.1). Внесите необходимые изменения и сохраните их на диске (Файл Сохранить). Чтобы веб-браузер смог отобразить измененный файл, выполните коман ду Вид Обновить (рис. 1.2). Таким образом, переходя от текстового редактора к брау зеру и обратно, можно разрабатывать и отлаживать свои программы.

Т TI : fl i У] Мой • Рис. 1.1. Текстовый редактор Блокнот с программой на фоне браузера Internet Explorer Создавать программы на JavaScript можно и с помощью программ, специально предназначенных для разработки веб-сайтов, — например Microsoft FrontPage или Macromedia Dreamweaver (рис. 1.3). Однако здесь мы не будем рассматривать эти средства.

Глава 1. Основы JavaScript Примеры - Microsoft Рис. 1.2. Результат выполнения программы из файла Примеры (Книге • Теист Команды Окно примеры htm • - X I I - Л Рис. 1.3. Окно Dreamweaver 4.0 — программы для разработки веб-сайтов Наконец, я предлагаю вам быстро создать свой собственный редактор Для этого следует написать небольшой HTML-код и сохранить его на диске 1.1. Где писать программы и как их запускать в файле с расширением или Этот файл можно открыть в браузере как обычную веб-страницу. Вот код предлагаемого редактора:

<НЗ>Редактор кодов JavaScript

Введите выражения в верхнее поле.

Выражения разделяются точкой с запятой.

Можно также писать каждое выражение в отдельной строке.

Чтобы закончить одну строку и перейти к другой, нажмите клавишу Enter.

3 - Microsoft Избранное Домой :

Редактор кодов Код:

х = у = Результат:

выражения в верхнее поле. Выражения разделяются точкой с запятой.

Можно также писать каждое выражение в отдельной строке. Чтобы закончить одну строку и перейти к другой, нажмите клавишу Enter.

Рис. Редактор программ JavaScript, сделанный с помощью HTML Глава 1. Основы JavaScript В веб-браузере этот HTML-код выведет две текстовых области: одна служит для ввода выражений на языке JavaScript, а другая — для отображения результатов этого кода. Кроме текстовых областей создаются две кнопки: одна для выполне ния введенного кода и отображения результатов, а вторая — для очистки тексто вых областей. В поле результатов выводится значение, возвращаемое последним выражением введенного кода. Обратите внимание, что в поле для кода следует вводить только выражения на языке JavaScript, но не теги HTML.

Здесь мы не будем разбирать, как устроен предлагаемый код редактора. Отметим лишь, что в его основе лежат простые сценарии на языке JavaScript, выполняю щие роль обработчиков события, например щелчка кнопкой мыши (onclick). На рис. 1.4 показано, как выглядит наш редактор в окне браузера Internet Explorer.

СОВЕТ Если вы решитесь использовать самодельный редактор, то при возникновении ошибок в ваших программах (сообщение об ошибке отображается в статусной строке веб-браузе ра) команду меню браузера Вид Обновить.

1.2. Ввод и вывод данных В JavaScript предусмотрены довольно скудные средства для ввода и вывода дан ных. Это вполне оправданно, поскольку JavaScript создавался в первую очередь как язык сценариев для веб-страниц. Основой веб-страниц является код, напи санный на языке HTML, который специально рассчитан на форматирование ин формации и создание пользовательского интерфейса. Поскольку сценарии на JavaScript хорошо интегрируются с HTML-кодом, постольку для ввода и вывода данных вполне подойдут средства HTML Если вы пишете программу на JavaScript, которая будет выполняться веб-браузером Internet Explorer, то можете восполь зоваться тремя стандартными методами для ввода и вывода данных:

и Рассмотрим эти методы браузера подробнее.

1.2.1. alert Данный метод позволяет выводить диалоговое окно с заданным сообщением и кнопкой ОК. Синтаксис соответствующего выражения имеет следующий вид:

Если ваше сообщение конкретно, то есть представляет собой вполне определен ный набор символов, то его необходимо заключить в двойные или одинарные ка вычки. Например, (рис. 1.5). Вообще говоря, сообщение пред ставляет собой данные любого типа: последовательность символов, заключенную в кавычки, число (в кавычках или без них), переменную или выражение.

Диалоговое окно, выведенное на экран методом можно убрать, щелкнув на кнопке ОК. До тех пор пока вы не сделаете этого, переход к ранее открытым окнам невозможен. Окна, обладающие свойством останавливать все последующие дей ствия пользователя и программ, называются модальными. Таким образом, окно, создаваемое посредством alertQ, является модальным.

1.2. Ввод и вывод данных Рис. 1.5. Диалоговое окно, созданное методом Выше мы уже говорили, что метод использовать для вывода проме жуточных и окончательных результатов программ при их отладке. При этом вы можете вывести результат вычисления какого-либо выражения и приостановить даль нейшее выполнение работы программы до тех пор, пока не щелкнете на кнопке ОК.

1.2.2. confirm Метод confirm позволяет вывести диалоговое окно с сообщением и двумя кнопка ми — и Отмена (Cancel). В отличие от метода alert этот метод возвращает логи ческую величину, значение которой зависит от того, на какой из двух кнопок щелк нул пользователь. Если он щелкнул на кнопке ОК, то возвращается значение true (истина, да);

если же он щелкнул на кнопке Отмена, то возвращается значение false (ложь, нет). Возвращаемое значение можно обработать в программе и, следова тельно, создать эффект интерактивности, то есть диалогового взаимодействия программы с пользователем. Синтаксис применения метода confirm имеет следу ющий вид:

Если ваше сообщение конкретно, то есть представляет собой вполне определен ный набор символов, то его необходимо заключить в кавычки, двойные или оди нарные. Например, действительно хотите завершить (рис. 1.6).

Вообще говоря, сообщение представляет собой данные любого типа: последова тельность символов, заключенную в кавычки, число (в кавычках или без них), переменную или выражение. Если вы еще не знаете, что такое переменная и вы ражение, то вскоре восполните этот пробел.

Microsoft Рис. 1.6. Диалоговое окно, созданное методом confirm Диалоговое окно, выведенное на экран методом можно убрать щелчком на любой из двух кнопок — ОК или Отмена. До тех пор пока вы не сделаете этого, переход к ранее открытым окнам невозможен. Окна, обладающие свойством оста навливать все последующие действия пользователя и программ, называются мо дальными. Таким образом, окно, создаваемое посредством является Глава 1. Основы JavaScript модальным. Если пользователь щелкнет на кнопке ОК, то метод вернет логиче ское значение true да), а если он щелкнет на кнопке Отмена, то возвраща ется логическое значение (ложь, нет). Возвращаемое значение можно затем обработать в программе и, следовательно, создать эффект интерактивности, то есть диалогового взаимодействия программы с пользователем.

1.2.3. prompt Метод prompt позволяет вывести на экран диалоговое окно с сообщением, а также с текстовым полем, в которое пользователь может ввести данные (рис. 1.7). Кро ме того, в этом окне предусмотрены две кнопки: ОК и Отмена В отличие от методов и данный метод принимает два параметра: сообщение и зна чение, которое должно появиться в текстовом поле ввода данных по умолчанию. Если пользователь щелкнет на кнопке К, то метод вернет содержимое поля ввода данных, а если он щелкнет на кнопке Отмена, то возвращается логическое значение false (ложь, нет). Возвращаемое значение можно затем обработать в программе и, следовательно, создать эффект интерактивности, то есть диалогового взаимодействия программы с пользователем. Синтаксис применения метода prompt имеет следующий вид:

Запрос пользователю А ::

Запрос сценария [ i здргс Рис. 1.7. Диалоговое окно, созданное методом prompt Параметры метода prompt() не являются обязательными. Если вы их не укажете, то будет выведено окно без сообщения, а в поле ввода данных подставлено значе ние по умолчанию — undefined (не определено). Если вы не хотите, чтобы в поле ввода данных появлялось значение по умолчанию, то подставьте в качестве зна чения второго параметра пустую строку Например, Ваше имя, 1.8).

Рис. 1.8. Диалоговое окно, созданное методом без параметров Диалоговое окно, выведенное на экран методом promptQ, можно убрать щелчком на любой из двух кнопок — ОК или Отмена. Как и в случае использования метода переход к ранее открытым окнам невозможен.

1.3. Типы данных 1.3. Типы данных В любом языке программирования очень важно понятие типа данных. Если не осознать его с самого то потом придется часто сталкиваться со странным поведением созданной вами программы. Поэтому мы рекомендуем внимательно отнестись к данному разделу, чтобы потом не возвращаться к нему, теряя время на элементарные вещи. (Табл. 1.1.) Данные, которые хранятся в памяти компьютера и подвергаются обработке, мож но отнести к различным типам. Понятие типа данных возникает естественным образом, когда необходимо применить к ним операции обработки. Например, опе рация умножения применяется к числам, то есть к данным числового типа. Это известно еще из начальной школы. А что получится, если умножить слово «Вася» на число 5? Поскольку трудно дать вразумительный ответ на этот вопрос, напра шивается вывод: некоторые операции не следует применять к разнотипным дан ным. Мы также не знаем, что должно получиться в результате умножения слов «Вася» и «Маня», поэтому заключаем, что определенные операции вообще не применимы к данным некоторых типов. С другой стороны, существуют опера ции, результат которых зависит от типа данных. Например, операция сложения, обозначаемая символом может применяться и к двум числам, и к двум стро кам, состоящим из произвольных слов. В первом случае результатом применения этой операции будет некоторое число, а во втором — строка, получающаяся путем приписывания второй строки к концу первой. В случае строк операцию сложе ния еще называют склейкой или конкатенацией. Операции, применимые к раз личным типам данных, но обозначаемые одним и тем же символом, называют также перегруженными. Так, операция, обозначаемая символом является перегру женной: применительно к числам она выполняет арифметическое сложение этих чисел, а применительно к строкам символов — склейку (приписывание, конка тенацию).

Таблица 1.1. Типы данных в JavaScript Тип данных Примеры Описание значений Строковый или "Привет" Последовательность символов, заключенная символьный (string) 123-4567" в кавычки, двойные или одинарные Числовой (number) 3.14 -567 +2.5 Число, последовательность цифр, перед которой может быть указан знак числа (+ или перед положительными числами не обязательно ставить знак целая и дробная части чисел разделяются точкой. Число записывается без кавычек Логический true false true (истина, да) или false (ложь, нет);

возможны (булевский, boolean) только два значения Null Отсутствие какого бы то ни было значения Объект (object) Программный объект, определяемый своими свойствами. В частности, массив также является объектом Функция (function) Определение функции — программного кода, выполнение которого может возвращать некоторое значение 26 Глава 1. Основы JavaScript На данном этапе следует обратить особое внимание на различия в представлении числовых и строковых (символьных) данных. Числа как данные числового типа всегда представляются без кавычек. Для их написания мы используем цифры и, при необходимости, знак числа и разделительную точку. Строковые данные за ключаются в кавычки, двойные или одинарные Например, запись -345. представляет а запись — строку символов. Это данные различ ных типов, хотя мы и можем сказать, что их содержанием является одно и то же число. Но это не что иное, как обыденная интерпретация данных или, как еще говорят, семантика (смысл) данных. С точки зрения языка программирования число (точнее, данные числового типа) можно корректно использовать в арифме тических операциях, а строки — в строковых операциях. Что означает «корректно использовать»? То, что использование данных в языке программирования долж но соответствовать нашим традициям, не связанным с программированием.

Например, обращение с числами корректно, если оно подчиняется правилам ма тематики;

обращение со строками корректно, если не противоречит правилам ре дакторской правки текста (вставка, удаление, склейка фрагментов и т. п.). Язык программирования призван обеспечить в той или иной мере выполнение опера ций, имеющих аналоги в обычной человеческой деятельности. Этой цели служит, в частности, и понятие типов данных.

Заметим, что строка не содержащая ни одного символа (даже пробела), назы вается пустой. При этом строка, содержащая хотя бы один пробел не пуста.

Данные логического типа могут иметь одно из двух значений: true или false. Эти значения записываются без кавычек. Значение true означает истину (да), a false ложь (нет). Обычно эти значения получаются в результате вычисления выраже ний с использованием операций сравнения двух данных, а также логических опе раций (И, ИЛИ, НЕ). Например, результатом вычисления выражения 2 < 3 являет ся, очевидно, значение true (действительно, число 2 меньше числа 3). Логический тип данных называют еще булевским (boolean) в честь английского математика Джона Буля, придумавшего алгебру для логических величин.

Другие типы данных (Null, Object и Function) будут рассмотрены в следующих раз делах, после изучения основ языка.

При создании программ на JavaScript за типами данных следит сам программист.

Если он перепутает типы, то интерпретатор не зафиксирует ошибки, а попытает ся привести данные к типу, чтобы выполнить указанную операцию.

Вам следует разобраться, к какому именно типу приводится смесь данных раз личного типа. Многие языки программирования, в том числе С и Pascal, не обла дают этим они требуют явного указания типа данных.

Например, если напишете выражение то результатом его вычисле ния будет строка символов Таким образом, интерпретатор, столкнувшись с выражением сложения числа и строки символов, переводит число в строку, со держащую это число, а затем выполняет операцию сложения двух строк. Сложе ние двух строк в JavaScript дает в результате строку, получающуюся путем при писывания второй строки к концу первой.

1.3. Типы данных Результатом вычисления выражения 2+3 будет число 5, а выражения — стро ка "23", состоящая из двух цифровых символов. Как нетрудно заметить, в случае применения операции сложения к числу и строке символов интерпретатор пре образует число в строку символов и возвращает результат вычисления выражения тоже в виде строки символов. Иначе говоря, в случае смысловой несогласованно сти типов данных интерпретатор использует некоторые правила их согласования, принятые по умолчанию. В результате могут появиться трудно выявляемые ошиб ки. С другой стороны, эту особенность языка можно использовать для написания изящных и компактных кодов, соблюдая известную осторожность. Лично мне нравятся языки с так называемыми свободными типами данных.

Для преобразования строк в числа в JavaScript предусмотрены встроенные функ ции и Что такое функция, мы подробно расскажем ниже в одном из разделов этой главы. А сейчас считайте, что это выражение с круглы ми скобками, в которых можно указывать параметры. В результате вычисления функции получается некоторое значение.

Функция основание) преобразует указанную в параметре строку в целое число в системе счисления по указанному основанию (8, 10 или 16).

Если основание не указано, то предполагается 10, то есть десятеричная систе ма счисления.

Примеры // результат = // результат = - // результат = // результат = NaN, то есть не является числом,8) // результат = // результат = Обратите внимание, что при преобразовании в целое число округления не проис ходит: дробная часть просто отбрасывается.

Функция преобразует указанную строку в число с плавающей разделительной (десятичной, основание) точкой.

Примеры // результат = 3. // результат = -7. parseFloat ("435") // результат = parseFloat ("Вася") результат = NaN, то есть не является числом parseFloat ("17.5") // результат = Задача преобразования чисел в строки возникает реже, чем обратное преобразо вание. Чтобы преобразовать число в строку, достаточно к пустой строке приба вить это число, то есть воспользоваться оператором сложения Например, вычисление выражения даст в результате строку "3.14". Об операторах будет подробно рассказано ниже.

Для определения того, является ли значение выражения числом, служит встроен ная функция Вычисление этой функции дает результат логиче ского типа. Если указанное значение не является числом, функция возвращает true, иначе — false. Однако здесь понятие «число» не совпадает с понятием «зна чение числового типа». Функции считает числом и данные числового 28 Глава 1. Основы JavaScript типа, и строку, содержащую только число. Логические значения также иденти фицируются как числа. При этом значению true соответствует 1, а значению false — 0. Таким образом, если возвращает false, то это означает, что значение пара метра имеет числовой тип, либо является числом, преобразованным в строковый тип, либо является логическим (true или false).

Примеры isNaN(123) // результат false есть это - число) "123") /* результат false (то есть это - число, хотя и в виде строки) */ рублей") // результат true (то есть это - не число) // результат false // результат false // результат true (то есть это - не число) В заключение данного раздела рассмотрим так называемые служебные символы, которые можно вставлять в строки.

Символ Описание \п Новая строка \t Табуляция \f Новая страница Забой Возврат каретки Эти символы обычно используются при формировании строковых данных для их последующего отображения. если мы хотим, чтобы сообщение, выводи мое на экран в браузере Internet Explorer с помощью функции отображалось виде нескольких строк, то следует использовать служебный символ п\ (рис. 1.9):

- - - Иванович") • Рис. 1.9. Окно, создаваемое функцией в случае когда строка сообщения содержит два символа п\ Иногда требуется отобразить символы, имеющие служебное назначение. Как, на пример, отобразить кавычки, если они используются для задания строки симво лов? Для этой цели используется (обратная косая черта). Например, чтобы отобразить строку Акционерное общество "Рога и копыта" вместе с кавычками, сле дует написать такую строку: "Акционерное общество и Обратная косая черта указывает, что следующий непосредственно за ней символ не нужно интерпретировать как символ синтаксиса языка. В нашем примере она показыва ет, что кавычки не являются признаком начала или окончания строковых дан 1.4. Переменные и оператор присвоения а являются просто элементом этих данных. В Internet Explorer выполнение выражения общество и даст результат, пока занный на рис. 1.10.

Microsoft "Рога и Рис. 1.10. Выполнение выражения общество и Заметим, что эту же задачу можно решить и несколько иначе, используя кавычки различных видов (двойные и одинарные). Во-первых, можно написать так:

онерное общество "Рога и В этом случае мы использовали одинарные ка вычки в качестве признаков начала и конца всей строки. Во-вторых, можно поме нять местами кавычки различных видов: "Акционерное общество и Однако в этом случае название акционерного общества будет отображаться в оди нарных кавычках. Наконец, можно внешние кавычки оставить двойными, а внут ренние одинарные кавычки продублировать: "Акционерное общество "Рога и копы Тогда при отображении строки внутренние кавычки будут заменены на двойные.

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

ВНИМАНИЕ Кавычки, обрамляющие строковые данные, должны быть одного вида и использоваться парами.

Интерпретатор, обнаружив тексте программы кавычки, будет искать еще кавычки такого же вида, считая все находящееся между ними строковыми данными.

ВНИМАНИЕ Внутри строки, заключенной в кавычки одного вида, можно использовать кавычки другого вида (иначе интерпретатор либо выдаст сообщение об ошибке, либо неправильно воспри мет данные).

1.4. Переменные и оператор присвоения Что произойдет, если в программе просто написать данные какого-либо типа, на пример число 314? Интерпретатор выполнит эту запись, разместив ее во внутрен нем формате где-то в памяти компьютера. Вот и все. Чтобы сохранять данные в памяти и в то же время оставлять их доступными для дальнейшего использова ния, в программах используются переменные.

Глава 1. Основы 1.4.1. Имена переменных Переменную можно считать контейнером для хранения данных. Данные, сохра няемые в переменной, называют значениями этой переменной. Переменная име ет имя — последовательность букв, цифр и символа подчеркивания без пробелов и знаков препинания, начинающуюся обязательно с буквы или символа подчер кивания.

Примеры правильных имен переменных: my_adress, _x, Примеры неправильных имен переменных: my adress, tel:412 3456.

При выборе имен переменных нельзя использовать ключевые слова, то есть сло ва, используемые в определениях конструкций языка. Например, нельзя выби рать слова var, if, else, const, true, false, function, super, switch и ряд других. Список ключевых слов приведен в разделе Имя должно отражать содержание пере менной. Если имя состоит из нескольких слов, то между ними можно вводить сим вол подчеркивания или писать их слитно, начиная каждое слово с прописной бук вы. Вот примеры: myFirstAdress. Иногда в качестве первого символа имени используют букву, указывающую на тип данных (значений) этой перемен ной: с — строковый (character), n — числовой (number), b — логический (boolean), о — объект (object), a — массив (array). Например cAdress, nCena, JavaScript является языком. Это означает, что изменение ре гистра символов (с прописных на строчные и наоборот) в имени переменной при водит к другой переменной. Например: variable, Variable и vaRiabLe — различные переменные.

СОВЕТ Выработайте для себя правила образования имен, которые не должны противоречить ука занным выше требованиям. Если им следовать, то уменьшится вероятность ошибок в ва ших программах.

1.4.2. Создание переменных Создать переменную в программе можно несколькими способами:

• С помощью оператора присвоения значений в формате:

= значение Оператор присвоения обозначается символом равенства Пример:

myName = "Иван" • С помощью ключевого слова var (от variable — переменная) в формате:

var В этом случае созданная переменная не имеет никакого значения, но может его получить в дальнейшем с помощью оператора присвоения.

Пример:

var myName myName = "Иван" 1.4. Переменные и оператор присвоения • С помощью ключевого слова var и оператора присвоения в формате:

var = значение Пример var myName = "Иван" Строка кода программы с ключевым словом var задает так инициа лизацию переменной и для каждой переменной используется один раз. Тип пере менной определяется типом значения, которое она имеет. В отличие от многих других языков программирования, при инициализации переменной не нужно опи сывать ее тип. Переменная может иметь значения различных типов и неодно кратно их изменять. Например, вы можете написать следующий код программы:

var x = "Иван" // некоторый код х = "Анна" // некоторый код х = 2. Одно ключевое слово var можно использовать для инициализации сразу несколь ких переменных, как с оператором присвоения, так и без него. При этом перемен ные и выражения с операторами присвоения разделяются запятыми, например:

var name = "Вася", address, x = 3. Если переменная в данный момент имеет значение числового типа, то говорят, что это числовая переменная. Аналогично можно говорить о строковых, логиче ских (булевских), неопределенных (в случае типа переменных.

Выше мы использовали оператор присвоения значения переменной, обозначае мый символом равенства Не следует путать этот оператор с отношением ра венства и соответствующей операцией сравнения. Выражение с оператором интерпретатор вычисляет следующим образом: переменной слева от него присва ивается значение, расположенное справа от него.

Если х и у — две переменные, то выражение х = у интерпретируется так: перемен ной х присваивается значение переменной у. Иначе говоря, переменной можно присвоить значение другой переменной, указав справа от оператора ее имя.

Таким образом, к значениям можно получать доступ опосредованно — через имена переменных. В следующих разделах мы узнаем, что справа от оператора присвое ния можно писать не только значения и имена переменных, но и целые выраже ния. В подразделе 1.5.3 будут рассмотрены дополнительные операторы присвое ния, такие как +=, -= и т. п.

1.4.3. Область действия переменных Переменные, которые созданы в программе с помощью оператора присвоения с использованием ключевого слова var или без него, являются глобальными. Это означает, что они доступны всюду в этой же программе, а также в вызываемых программах из других файлов. Эти переменные также доступны внутри кода функ ций. Функциям в нашей книге посвящен специальный раздел.

Кроме глобальных существуют и локальные переменные. Они могут быть созда ны внутри кода функций. Вы можете определить переменные с одинаковыми на 32 Глава 1. Основы JavaScript званиями и во внешней программе, и в коде функции. В этом случае переменные, определенные в коде функции с помощью ключевого слова var, будут локальны ми: изменения их значений внутри функции никак не отразятся на переменных с такими же именами, определенных во внешней программе. При этом значения локальных переменных не доступны из внешней программы.

Мы еще неоднократно будем говорить об области действия переменных. Здесь лишь отметим, что в программировании это понятие играет очень важную роль.

Нередко область действия называют областью видимости. Переменная может быть видна или не видна внутри программной единицы (функции, подпрограммы).

Область видимости, доступности или действия переменной — эквивалентные тер мины. Кроме них еще используют понятие времени жизни переменной. Время жизни переменных в JavaScript определяется интервалом времени от загрузки до выгрузки программы из памяти компьютера. Так, если программа (сценарий) за писаны в HTML-коде веб-страницы, то после его выгрузки весь сценарий вместе с определенными в нем переменными прекращает активное существование.

1.5. Операторы Операторы предназначены для составления выражений. Оператор применяется к одному или двум данным, которые в этом случае называются операндами. На пример, оператор сложения применяется к двум операндам, а оператор логиче ского отрицания — к одному операнду. Элементарное выражение, состоящее из операндов и оператора, вычисляется интерпретатором и, следовательно, имеет некоторое значение. В этом случае говорят, что оператор возвращает значение.

Например, оператор сложения, примененный к числам 2 и 3, возвращает значе ние 5. Оператор имеет тип, совпадающий с типом возвращаемого им значения.

Поскольку элементарное выражение с оператором и операндами возвращает зна чение, это выражение можно присвоить переменной.

Один оператор мы уже рассмотрели в предыдущем разделе. Это оператор присво ения Мы часто будем его использовать. Однако следует заметить, что суще ствует еще пять разновидностей оператора присвоения, сочетающих в себе дей ствия обычного оператора и операторов сложения, вычитания, умножения, деления и деления по модулю. Эти дополнительные операторы присвоения мы рассмотрим позже в подразделе 1.5.3.

1.5.1. Комментарии Начнем с операторов комментария. Они позволяют выделить фрагмент програм мы, который не выполняется интерпретатором, а служит лишь для пояснений содержания программы.

В JavaScript допустимы два вида операторов комментария:

• // — одна строка символов, расположенная справа от этого оператора, счита ется комментарием;

• — все, что заключено между /* и */, считается комментарием;

с помощью этого оператора можно выделить несколько строк в качестве комментария.

1.5. Операторы СОВЕТ Не пренебрегайте комментариями в тексте программ. Это поможет при их отладке и со провождении. На этапе разработки лучше сначала превратить ненужный фрагмент про граммы в комментарий, чем просто удалить (а вдруг его придется Даже опытные программисты, возвращаясь к работе над своей программой через месяц, с большим трудом вспоминают, что к чему. В примерах программ мы часто будем использовать комментарии.

1.5.2. Арифметические операторы Арифметические операторы, такие как сложение, умножение и т. д., в JavaScript могут применяться к данным любых типов. Что из этого получается, мы рассмот рим немного позже. А сейчас просто перечислим их (табл.

Таблица 1.2. Арифметические операторы Оператор Название Пример + X + Y Сложение Вычитание X- Y.

Умножение X* Y Деление X/ Y / % Деление по модулю ++ Увеличение на 1 Х++ - Уменьшение на Арифметические операторы лучше всего понять на примере чисел. Первые четы ре оператора все проходили в начальных классах. Оператор деления по модулю возвращает остаток от деления первого числа на второе. Например, возвра щает 2. Операторы и сочетают в себе действия операторов соответствен но сложения и вычитания, а также присвоения. Выражение Х++ эквивалентно выражению а выражение X— эквивалентно выражению Операторы и называют соответственно инкрементом и декрементом.

Символ используется не только как бинарный (для двух операндов) оператор сложения, но и как унарный (для одного операнда) оператор отрицания для ука зания того, что число является отрицательным.

Примеры у = 5 // значение переменной у равно х = у + 3 // значение переменной х равно 8 (5+3) х++ // значение переменной х стало равным 9 (8+1) // значение переменной х стало равным 8 (9-1) у++ // значение переменной у равно 6 (5+1) 5-3 // значение равно -3 // отрицательное число Однако формально ничто не мешает нам применить эти операторы к данным дру гих типов. В случае строковых данных оператор сложения дает в результате стро 34 Глава 1. Основы JavaScript ку, полученную путем приписывания справа второй строки к первой. Например, выражение + "Маша" в результате для строк оператор сложения называется оператором склейки или конкатенации. Приме нение остальных арифметических операторов к строкам дает в результате NaN значение, не являющееся числом (подробности см. в подразделе 1.7.3. В случае, когда оператор сложения применяется к строке и числу, интерпретатор перево дит число в соответствующую строку и далее действует как оператор склейки двух строк.

Примеры х = "Вася" // значение переменной х равно "Вася" у = "Маша" // значение переменной у равно "Маша" z = х + +у // значение переменной z равно "Вася Маша" z = х + 5 // значение переменной z равно = "20" /* значение переменной п равно "205", а не 30 или "30" */ В случае логических данных интерпретатор переводит логические значения опе рандов в числовые (true в 1, в 0), выполняет вычисление и возвращает число вой результат. То же самое происходит в том случае, когда один оператор логи ческий, а другой — числовой.

Примеры true + true // возвращает true + false // возвращает true * true // возвращает true/false /* возвращает Infinity так как на ноль делить нельзя) */ true // возвращает false // возвращает true * 5 // возвращает true // возвращает 0. Если один операнд строкового типа, а другой — логического, то в случае сложе ния интерпретатор переводит оба операнда в строковый тип и возвращает строку символов, а в случае других арифметических операторов он переводит оба опе ранда в числовой тип.

Примеры "Вася" + true // возвращает "5" + true // возвращает :

"Вася" true /* возвращает NaN (то есть значение, не являющееся числом) */ true // возвращает "5" * false // возвращает "5" / true // возвращает На первый взгляд, применение арифметических операторов к разнотипным дан ным может показаться довольно запутанным. Поэтому советую новичкам, осо бенно на первых порах, руководствоваться следующими простыми правилами:

• применяйте арифметические операторы к данным одного и того же типа;

• оператор сложения применительно к строкам действует как оператор их склей ки (приписывания, конкатенации);

1.5. Операторы • в случае применения арифметических операторов к логическим данным ин терпретатор рассматривает значения true и false как числа соответственно 1 и О, и возвращает результат в числовом виде.

Кроме этих правил нужно помнить, что в JavaScript имеются средства для преоб разования типов данных, то есть для преобразования данных одного типа в дан ные другого типа. К этому вопросу мы вернемся позже, а сейчас рассмотрим дру гие операторы.

1.5.3. Дополнительные операторы присвоения В начале этого раздела мы уже говорили, что кроме обычного оператора присвое ния имеются еще пять дополнительных операторов, сочетающих в себе дей ствия обычного оператора присвоения и арифметических операторов.

Оператор Пример Эквивалентное выражение X = X + Y X-=Y X = X - Y — * X — X * Y X/=Y X = X / Y X X % Y Поскольку действие арифметических операторов и обычного оператора присвое ния уже известны, дополнительные операторы присвоения мы не будем здесь по дробно рассматривать. Обратим лишь внимание на экономный способ записи выражений, предоставляемый этими операторами.

Пример:

х = "Вася" х+= привет" // "Вася, привет" 1.5.4. Операторы сравнения В программах часто приходится проверять, выполняются ли какие-либо условия.

Например, на веб-страницах иногда проверяется, является ли браузер пользова теля Microsoft Internet Explorer или Netscape Navigator. В зависимости от резуль тата процесс дальнейших вычислений может пойти по тому или другому пути.

Проверяемые условия формируются на основе операторов сравнения, таких как «равно», «меньше», «больше» и т. п. Результатом вычисления элементарного выра жения, содержащего оператор сравнения и операнды (сравниваемые данные), явля ется логическое значение, то есть true или false. Так, если условие выполняется (вер но, справедливо), то возвращается true. В противном случае возвращается false.

Оператор Название Пример Равно X = =Y Не равно продолжение 36 Глава 1. Основы JavaScript Оператор Название Пример > Больше, чем X * Y Больше или равно (не меньше) X >= Y чем X < Y Меньше или равно (не больше) Y ВНИМАНИЕ Оператор «равно» записывается с помощью двух символов без пробелов между ними.

Сравнивать можно числа, строки и логические значения. Сравнение чисел проис ходит по правилам арифметики, а строк — путем сравнения ASCII-кодов симво лов начиная с левого конца строк. Логические значения сравниваются так же, как и числа 1 и 0 (true соответствует 1, a false — 0). Как видим, с числами и логически ми данными все довольно просто. А вот результат сравнения строк не всегда оче виден.

Примеры // возвращает false // возвращает false // возвращает true /* возвращает false (1-й символ 2-го операнда - пробел) */ > // возвращает true < // возвращает true < // возвращает true < "abc" // возвращает true Мы не приводим здесь таблицу кодов ASCII для всех символов. Отметим лишь, что некоторые из них упорядочены в порядке возрастания ASCII-кодов следую щим образом: сначала идет пробел, затем в порядке возрастания цифры от 0 до 9, символ подчеркивания, латинские и кириллические буквы по алфавиту (сначала прописные, а затем строчные).

Заметим, что операторы сравнения могут быть применены и к разнотипным дан ным. Если сравниваются строка и число, то интерпретатор приводит операнды к числовому типу. То же самое происходит при сравнении логических данных и числа. Если сравниваются логические данные и строка, то дело обстоит несколь ко сложнее. В этом случае результат не зависит от содержимого строки. Если она содержит число (но не цифры с буквами), только пробелы или является пустой, то операнды приводятся к числовому типу. При этом пустая строка или со держащая только пробелы преобразуется в число 0. В остальных случаях все опе раторы сравнения, кроме будут возвращать (а оператор — противо положный результат, то есть true).

Примеры false < "57" // возвращает true false < // возвращает false true >= "0.5" // возвращает true false < // возвращает false false > // возвращает false 1.5. Операторы true == "true" // возвращает false true != "true" // возвращает true true <= "true" // возвращает false true >= "true" // возвращает false 1.5.5. Логические операторы Логические данные, обычно получаемые с помощью элементарных выражений, содержащих операторы сравнения, можно объединять в более сложные выраже ния. Для этого используются логические (булевские) операторы — логические союзы И и ИЛИ, а также оператор отрицания НЕ. Например, нам может потребо ваться сформировать сложное логическое условие следующего вида: «возраст не более 30 и опыт работы больше 10, или юрист». В этом примере есть и операторы сравнения, и логические операторы. Выражения с логическими операторами воз вращают значение true или Оператор Название Пример ! Отрицание (НЕ) !Х && И X&&Y || ИЛИ Оператор отрицания применяется к одному операнду, изменяя его значение на противоположное: если X имеет значение true, то !Х возвращает значение false, и наоборот, если X имеет значение false, то !Х возвращает значение true.

Ниже в таблице указано, какие значения возвращают операторы И и ИЛИ при раз личных логических значениях двух операндов.

Y X && Y X Y true true true true true false false true false true false true false false false false Операторы и еще называют логическим умножением и логическим сло жением соответственно. Если вспомнить, что значению true можно сопоставить а значению false — 0, то нетрудно понять, как вычисляются значения элементар ных выражений с логическими операторами. Нужно только учесть, что в алгебре логики 1 + 1 1 (а не 2). Аналогично оператору отрицания соответствует вычита ние из единицы числового эквивалента логического значения операнда. В мате матике логические операции И и ИЛИ называют соответственно конъюнкцией и дизъюнкцией.

СОВЕТ Чтобы не запутаться, не применяйте логические операторы к нелогическим данным и осо бенно к разнотипным данным.

38 Глава 1. Основы JavaScript Примеры х = false 2*2==4 // значение переменной х равно true х = 5<2 // значение переменной х равно true у = !х // значение переменной у равно false z = х && у // значение переменной z равно false z = х у // значение переменной z равно true Сложные логические выражения, состоящие из нескольких более простых, со единенных операторами И и ИЛИ, выполняются по так называемому принципу короткой обработки. Дело в том, что значение всего выражения бывает можно определить, вычислив лишь одно или несколько более простых выражений, не вычисляя остальные. Например, выражение х&&у вычисляется слева направо;

если значение х оказалось равным false, то значение у не вычисляется, поскольку и так известно, что значение всего выражения равно false. Аналогично если в выраже нии х у значение х равно true, то значение у не вычисляется, поскольку уже ясно, что все выражение равно true. Данное обстоятельство требует особого внимания при тестировании сложных логических выражений. Так, если какая-нибудь со ставная часть выражения содержит ошибку, то она может остаться невыявлен ной, поскольку эта часть выражения просто не выполнялась при тестировании.

1.5.6. Операторы условного перехода Вычислительный процесс можно направить по тому или другому пути в зависи мости от того, выполняется ли некоторое условие или нет. Этой цели служат опе раторы условного перехода if и switch.

Оператор if Оператор условного перехода if позволяет реализовать структуру условного вы ражения если..., то..., иначе...

Синтаксис оператора if перехода следующий:

if (условие) { код, который если условие else { код, который выполняется, если условие не В фигурных скобках располагается блок кода — несколько выражений. Если в бло ке используется не более одного выражения, то фигурные скобки можно не пи сать. Часть этой конструкции, определяемая ключевым словом else (иначе), не обязательна. В этом случае остается только часть, определенная ключевым словом if (если):

if (условие) { код, который если условие Конструкция оператора условного перехода допускает вложение других операто ров условного перехода. Условие обычно представляет собой выражение логи ческого типа, то есть выражение, значение которого есть true или false. Обычно это элементарные выражения с операторами сравнения.

Примеры Выводится диалоговое окно с тем или иным сообщением в зависимости от зна чения переменной age (возраст).

1.5. Операторы _ if (age<18) слишком молоды для просмотра этого else свое решение заглянуть на этот 2. Выводится диалоговое окно с сообщением, если только значение переменной аде меньше 18.

if (age<18) слишком молоды для просмотра этого Делать ли отступы при написании операторов, где располагать фигурные скоб ки — дело вкуса. Следует руководствоваться наглядностью и ясностью структу ры, при которой легко проверить правильность расстановки скобок. Кроме опи санного выше способа, часто встречается еще и такой:

if (условие) { код. который работает, если условие выполнено } else { код, который если условие не выполнено } Возможно, этот способ записи лучше отражает структуру оператора условного перехода.

Более сложная структура оператора условного перехода получается при вложе нии других операторов if:

if { код, который работает, если выполнено } else { if (условие2){ код, который если условие2 выполнено }else{ код, который работает, если условие2 не выполнено Выше мы уже отмечали, что условие в операторе if обычно является логическим выражением. Однако это может быть также и строковое, и числовое выражение.

В случае строкового выражения условие считается выполненным, если его значе нием является непустая строка. Напомним, что пустая строка не содержит ни одного символа, в том числе и пробела (строка, содержащая хотя бы один пробел, не пуста). В случае числового выражения условие считается выполненным, если его значением является число, отличное от нуля. Во многих случаях эта много значность типа условия оказывается очень удобной.

Допустим, что переменная х содержит данные, которые ввел пользователь, и нам требуется проверить, что он действительно что-то ввел. В следующем примере мы проверяем, что значение переменной х не пусто (не 0, не пустая строка и не null). Если х пусто, то выводится соответствующее сообщение:

if { alertC'Bbi ничего не ввели") } Заметим, что поскольку в этом примере блок кода содержит всего лишь одно вы ражение, постольку фигурные скобки можно опустить, да и всю конструкцию опе ратора условного перехода можно записать в одной строке:

if (!x) alertC'Bbi ничего не ввели") 40 1. Основы JavaScript Оператор switch Для организации проверки большого количества условий вполне достаточно ис пользовать рассмотренный выше оператор if. Однако в случае нескольких усло вий более удобным и наглядным оказывается оператор switch (переключатель).

Он особенно удобен, если требуется проверить несколько условий, которые не являются взаимоисключающими.

Синтаксис оператора switch выглядит следующим образом:

switch (выражение) { case код [break] case вариант2:

код [break] [default:

код] } Параметр выражение оператора switch может принимать строковые, числовые и ло гические значения. Разумеется, в случае логического выражения возможны толь ко два варианта. Ключевые слова (операторы) break и default не являются обяза тельными, что отражено с помощью прямоугольных скобок. Здесь они являются элементами описания синтаксиса, и при написании операторов их указывать не нужно. Если оператор break указан, то проверка остальных условий не произво дится. Если указан оператор default, то следующий за ним код выполняется, если значение выражения не соответствует ни одному из вариантов. Если все вариан ты возможных значений предусмотрены в операторе switch, то оператор default можно не использовать.

Оператор switch работает следующим образом. Сначала вычисляется выражение, указанное в круглых скобках сразу за ключевым словом switch. Полученное зна чение сравнивается с тем, которое указано в первом варианте. Если они не совпа дают, то код этого варианта не выполняется и происходит переход к следующему варианту. Если же значения совпали, то выполняется код, соответствующий это му варианту. При этом, если не указан оператор break, то выполняются коды и ос тальных вариантов, пока не встретится оператор break. Это же правило действует и для остальных вариантов.

Пример, х = (x) { case 1:

case 2:

case 3:

} В приведенном примере сработают 2-й и 3-й варианты. Если мы хотим, чтобы сработал только один какой-нибудь вариант (только тот, который соответствует значению выражения), то нужно использовать оператор break.

1.5. Операторы _ Пример х = (x) { case 1:

alert(l) ;

break case 2:

break case 3:

alert(3) ;

break } В этом примере сработает только 2-й вариант.

Пример Допустим, переменная xlang содержит название языка, который выбрал пользо ватель и ввел в поле формы. Тогда возможен такой вариант применения ра switch:

switsch (xlang) { case break case wi break case break default:

нас нет документа на таком языке") } Здесь выражение открывает новое окно браузера и загружает в него указанный в скобках HTML-документ. Заметим, что эту же задачу можно решить и с помощью вложенных операторов if:

if (xlang == else { if (xlang == "французский") else { if (xlang == "немецкий") / else нас нет документа на таком Для тренировки перепишем приведенный выше код в другом виде:

if (xlang == else { if (xlang == "французский") else { if (xlang == "немецкий") else нас нет документа на таком языке") } 42 Глава 1. Основы JavaScript 1.5.7. Операторы цикла Оператор цикла обеспечивает многократное выполнение блока программного кода до тех пор, пока не выполнится некоторое условие. В JavaScript предусмотрены три оператора цикла: for, и do-while. Вообще говоря, при создании программ вполне можно обойтись одним из них, for или while. Мне, например, больше нра вится while. Однако возникают ситуации, в которых один из операторов более удобен или естествен, чем другой.

Оператор for Оператор for (для) также называют оператором со счетчиком циклов, хотя в нем совсем не обязательно использовать счетчик. Синтаксис этого оператора следую щий:

for ( [начальное выражение] ;

[условие] ;

[выражение обновления] ) { код } Здесь квадратные скобки лишь указывают на то, что заключенные в них парамет ры не являются обязательными. Как и в случае оператора условного перехода, возможна и такая запись:

for ( [начальное выражение] ;

[условие] ;

[выражение обновления] ) { код } Все, что находится в круглых скобках справа от ключевого слова for, называется заголовком оператора цикла, а содержимое фигурных скобок — телом.

В заголовке оператора цикла начальное выражение выполняется только один раз в начале выполнения оператора. Второй параметр представляет собой условие продолжения работы оператора цикла. Он аналогичен условию в операторе ус ловного перехода if. Третий параметр содержит выражение, которое выполняется после выполнения всех выражений кода, заключенного в фигурные скобки.

Оператор цикла работает следующим образом. Сначала выполняется выражение. Затем проверяется условие. Если оно выполнено, то оператор цикла прекращает работу (при этом код не выполняется). В противном случае выпол няется код, расположенный в теле оператора for, то есть между фигурными скоб ками. После этого выполняется выражение обновления (третий параметр опера тора for). Таким образом, заканчивается первый цикл или, как еще говорят, первая итерация цикла. Далее снова проверяется условие, и все повторяется описанным выше способом.

Обычно в качестве начального выражения используют оператор присваивания значения переменной. Например, i = 0 или var = 0. Имя переменной и присваива емое значение могут быть любыми. Эту переменную называют счетчиком цик лов. В этом случае условие, как правило, представляет собой элементарное выра жение сравнения переменной счетчика циклов с некоторым числом, например, Выражение обновления в таком случае просто изменяет значение счет чика циклов, например i i + 1 или, короче, В следующем примере оператор цикла просто изменяет значение своего счетчи ка, выполняя 15 итераций:

1.5. Операторы _ for (i = 1;

i <= 15;

i++) {} Немного модифицируем этот код, чтобы вычислить сумму всех целых положи тельных чисел от 1 до 15:

v ar for (i = 1;

i <= 15;

i++) { s = s + i } Заметим, что счетчик циклов может быть не только возрастающим, но и убываю щим.

Пример Допустим, требуется вычислить х в степени у, где х, у — целые положительные числа. Алгоритм решения этой задачи прост: надо вычислить выражение х*х*х*... х, в котором сомножитель х встречается у раз. Очевидно, что если у не превышает 10, то можно воспользоваться оператором умножения: выражение будет не очень длинным. А как быть в том случае, когда у равно нескольким десяткам или сот ням? Ясно, что в общем случае следует воспользоваться оператором цикла:

/* Вычисляем х в степени у */ var z = х // z хранит результат for (i = 2 ;

i <= у ;

{ z=z*x } В этом примере результат сохраняется в переменной z. Начальное ее значение равно х. Если у равно 1, то оператор цикла не будет выполняться, поскольку не выполняется условие 2 <= 1 (обратите внимание на начальное значение счетчика циклов), — и, следовательно, мы получим верный результат: х в степени 1 равно х.

Если у равно 2, то оператор цикла выполнит одну итерацию, вычислив выраже ние z = z*x при z, равном х (то есть z = х*х). При у, равном 3, оператор цикла сделает две итерации. На второй, последней итерации выражение z = z*x вычисляется при текущем значении z, равном х*х, и, следовательно, становится равным х*х*х (то есть х в степени 3).

Пример Рассмотрим довольно традиционный при изучении операторов цикла пример вычисления факториала числа. Факториал числа п в математике обозначают как Для п, равного 0 и 1, п! равен 1. В остальных случаях п! равен 2*3*4*... *п.

Поскольку возможны два варианта исходных данных, нам потребуется использо вать оператор условного перехода. Код, решающий эту задачу, выглядит следую щим образом:

/* Вычисляем п! */ var z = 1 /I г хранит результат п!

if (n >1) { for (1 = 2 : 1 <= п Для принудительного (то есть не по условию) выхода из цикла используется опе ратор break (прерывание). Если вычислительный процесс встречает этот опера тор в теле оператора цикла, то он сразу же завершается без выполнения последу ющих выражений кода в теле и даже выражения обновления. Обычно оператор 44 1. Основы break применяется при проверке некоторого дополнительного условия, выполне ние которого требует завершения несмотря на то что условие в заголовке цикла еще не выполнено. Типовая структура оператора цикла с использованием break имеет следующий вид:

for ( [начальное выражение] ;

;

[выражение обновления] ) код i f код break } код } Для управления вычислениями в операторе можно также использовать оператор continue (продолжение). Так же, как и break, этот оператор применяется в теле оператора цикла вместе с оператором условного перехода. Однако, в отли чие от break, оператор continue прекращает выполнение последующего кода, вы полняет выражение обновления и возвращает вычислительный процесс в начало оператора цикла, где производится проверка условия, указанного в заголовке.

Типовая структура оператора цикла с использованием break имеет следующий вид:

for ( [начальное выражение] ;

[выражение обновления] ) код if (условие2){ код continue } код } Оператор while Оператор цикла while (до тех пор, пока) имеет структуру более простую, чем опе ратор for, и работает несколько иначе. Синтаксис этого оператора следующий:

while ( условие ) { код } При выполнении этого оператора сначала производится проверка условия, ука занного в заголовке, то есть в круглых скобках справа от ключевого слова while.

Если оно выполняется, то выполняется код в теле оператора цикла, заключенно го в фигурные скобки. В противном случае код не выполняется. При выполнении кода (завершении первой итерации) вычислительный процесс возвращается к заголовку, где снова проверяется условие, и т. д.

Если сравнивать оператор while с оператором for, то особенность первого заклю чается в том, что выражение обновления записывается в теле оператора, а не в за головке. Часто забывают указать это выражение, и в результате цикл не заверша ется (программа Рассмотрим несколько примеров решения задач, которые мы уже решали ранее с использованием оператора цикла for.

1.5. Операторы Пример Возведение х в степень у.

/* Вычисляем х в степени у var z = х // z хранит результат i = while (i = 2) { Z Z*X Пример Вычисление п!.

/* п! */ var z = 1 // z хранит результат п!

if (n >1) { i = while ( i <= n ) { I ] Во всех приведенных выше примерах использовался счетчик циклов. Однако он инициировался заранее, до оператора цикла. Обновление значения этого счетчи ка производилось в теле оператора цикла.

Для управления вычислительным процессом в операторе так же как и в опе раторе for, можно использовать операторы прерывания break и продолжения continue.

ВНИМАНИЕ Если в while вы используете счетчики циклов, то будьте осторожны, применяя break и continue.

Оператор do-while Оператор (делай до тех пор, пока) представляет собой конструкцию из двух операторов, используемых совместно. Синтаксис этой конструкции сле дующий:

do { код I while (условие) В отличие от оператора while в операторе do-while код выполняется хотя бы один раз, независимо от условия. Условие проверяется после выполнения кода. Если оно истинно, то снова выполняется код в теле оператора do. В противном случае работа оператора do-while завершается. В операторе while условие проверяется в первую очередь, до выполнения кода в теле. Если при первом обращении к опе ратору while условие не выполняется, то код не будет выполнен никогда.

Рассмотрим несколько примеров решения задач, которые мы уже решали ранее с использованием операторов цикла for и while.

Глава 1. Основы JavaScript Пример Возведение х в степень у.

/* Вычисляем х в степени у */ // z хранит результат var z = х i = whi l e (i <= y) Пример Вычисление /* Вычисляем п! */ // z хранит результат п!

var z = if >1) { i = do { while ( i <= n ) 1.5.8. Выражения с операторами Выше неоднократно встречались термины «выражение» и «элементарное выра жение». Вы, должно быть, уже составили себе некоторое представление о том, что такое выражение. Тем не менее уточним его.

Начнем с того, что просто данные (конечные значения) являются выражениями языка. Например, число 5.2, одиноко стоящее в строке текста программного кода, является выражением. Последовательность символов, заключенная в кавычки (например, — тоже выражение. Имя переменной — еще один вариант вы ражения.

Запись, содержащая имя переменной, за которой следуют символы оператора присвоения и некоторое значение (например, х = "Привет является выра жением JavaScript. Запись, состоящая из операндов и оператора (например, х + 5), также является выражением.

Все перечисленные выше варианты выражения назовем элементарными выраже ниями. Тогда записи, содержащие операторы и операнды в виде элементарных выражений, являются выражениями. Например, пусть имеются два элементар ных выражения: х+5 и у-3. Тогда запись х+5 + у-3, объединяющая их оператором сложения, является выражением. Это касается не только арифметических опера торов, но и всех других.

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

1.5. Операторы ВНИМАНИЕ Среди арифметических операторов наибольшим приоритетом обладают операторы умно жения и деления (в том числе и деления по модулю). Затем следуют сложение и вычита ние. Среди логических операторов наибольшим приоритетом обладает отрицание, затем следует логическое И, а дальше — логическое ИЛИ. Операторы сравнения по приоритету выше логических операторов. Последовательность операторов с одинаковым приорите том выполняется слева направо.

Примеры // результат равен 17, а не 2 <3 3 <1 // результат равен true 2 <3 3 <1 && false // результат равен ! 2 <3 3 <1 && false // результат равен false Процессом вычисления выражений можно управлять с помощью круглых ско бок. Каждой открывающейся скобке соответствует своя закрывающаяся скобка, так что выражения, заключенные в круглые скобки, могут входить в состав дру гих выражений, которые, в свою очередь, также могут быть заключены в скобки.

Таким образом, с помощью круглых скобок можно создать иерархическую струк туру выражения, состоящего из других выражений. Первыми выполняются выражения, имеющие наибольшую глубину вложенности. Далее выполняются вы ражения, находящиеся на меньшей глубине в иерархии, и т. д. Выражения с оди наковой глубиной вложенности выполняются в порядке, принятом по умолча нию, то есть слева направо.

ВНИМАНИЕ В выражении с круглыми скобками количество открывающихся скобок должно быть равно количеству закрывающихся, а общее количество всех круглых скобок должно быть чет ным числом. Если это не выполняется, то интерпретатор выдает сообщение о синтакси ческой ошибке. Ошибки такого рода часто встречаются при программировании.

Примеры // результат равен (2 + 3) * 5 // результат равен +3) + 4*5)/2 // результат равен 12. (2 + 3) + 4*5/2 // результат равен 2 + 3 + 4*5/2 // результат равен (2 + 3 + 4)*5/2 // равен 22. 2 + (3 + 4*5)/2 II результат равен 13. (2 + (3 + 4)*5)/2 // результат равен 18. Операторы условного перехода и цикла также представляют собой выражения языка JavaScript. Кроме обычных способов их записи, рассмотренных выше, прин ципиально возможна запись в одну строку. При этом необходимо, чтобы выраже ния в блоках кода разделялись точкой с запятой.

Пример if ( ! x) { x = "Вы ничего не alert (x) }else порядке") Операторы условного перехода и цикла возвращают значения подобно другим операторам, а именно возвращают значение последнего выполненного выражения.

Сводные сведения о приоритетах всех операторов приведены в разделе в конце данной главы.

48 Глава 1. Основы JavaScript 1.6. Функции Функция собой подпрограмму, которую можно вызвать для выпол нения, обратившись к ней по имени. Взаимодействие функции с внешней про граммой, из которой она была вызвана, происходит путем передачи функции па раметров и приема от нее результата вычислений. Впрочем, функция в JavaScript может и не требовать параметров, а также ничего не возвращать.

В JavaScript есть встроенные функции, которые можно использовать в програм мах, но код которых нельзя редактировать или посмотреть. Все, что мы можем узнать о них, — это описание их действия, параметров и возвращаемого значения.

Кроме использования встроенных функций вы можете создать свои собственные, так называемые пользовательские функции. Часто используемые фрагменты про граммного кода целесообразно оформлять в виде функций. Такой фрагмент кода заключается в фигурные скобки, а перед ним пишется ключевое слово за которым следуют круглые скобки, обрамляющие список параметров. Более по дробно пользовательские функции будут рассмотрены в подразделе 1.6.2.

Чтобы вызвать функцию в программе, следует написать выражение в следующем формате:

имя_функции (параметры) Если требуются параметры, то они указываются в круглых скобках через запя тую. Функция может и не иметь параметров. В этом случае в круглых скобках ничего не указывается. Подробности использования функций изложены далее в этом разделе.

1.6.1. Встроенные функции В JavaScript имеются нижеследующие встроенные функции (некоторые из них мы уже рассматривали ранее). Хотя для иллюстрации работы этих функций при водится множество примеров, желательно выполнить их самим, а также мать свои примеры, обращая внимание на крайние (даже абсурдные) случаи.

основание) — преобразует указанную строку в целое число в сис теме счисления по указанному основанию или если основание не указа но, то предполагается 10, то есть десятеричная система счисления.

Примеры 5") // результат = // результат = - // результат = руб.") // результат = 150 руб.") // результат = NaN parseFloat(cTpOKa, основание) — преобразует указанную строку в число с плаваю щей разделительной (десятичной) точкой в системе счисления по указанному основанию или 16);

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

Примеры // результат = 2. // результат = -17. 1.6. Функции parseFloat ("1952") // результат = // результат = 1. // результат = NaN isNaN (значение) — возвращает true, если указанное в параметре значение не явля ется числом, иначе — false.

Примеры isNaN(123) // результат false // результат false 1234567") // результат true // результат true isNaN(true) // результат false isNaN(false) // результат false // результат true Перечисленные выше функции мы рассматривали в разделе 1.3, посвященном типам данных.

eval(cTpoKa) — вычисляет выражение в указанной строке;

выражение должно быть написано на языке JavaScript (не содержит тегов HTML).

Примеры var у = 5 // значение у равно var х = = // значение х равно строке символов eval(x) // значение у равно Другой пример применения функции можно найти в начале данной главы.

Это — создание веб-страницы, содержащей текстовое поле для ввода и выполне ния выражений JavaScript. Вот текст соответствующего HTML-кода со сценари ем, содержащим функцию eval():

© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.