Язык сценариев JavaScript

Языки сценариев позволяют включать в web-страницы программный код, который задаст поведение web-страницы в браузере при работе с ними пользователей. Существуют разные языки сценариев, но наиболее распространенным является язык JavaScript. JavaScript — это интерпретируемый язык программирования, стандартизированный международной организацией ЕСМА в спецификации ЕСМА-262. Языки JavaScript, Jscript и ActionScript являются расширением стандарта ЕСМА-262.

Возможны 3 варианта встраивания кода JavaScript в web-страницы:

1. Расположение внутри страницы. Для добавления JavaScript-кода на страницу можно использовать тэги. Например:

alert ('Hello, World!');

2. Расположение внутри тэга. Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий. Пример использования:

Удалить.

3. Вынесение в отдельный файл. Можно сохранить сценарий в отдельном файле, а потом подключить его с помощью конструкции.

Основы понятия

С помощью JavaScript описываются сценарии, или скрипты, которые могут выполняться при помощи специальных модулей — интерпретаторов скриптов, включенных во все современные web-браузеры.

Базовый синтаксис языка JavaScript во много сходен с синтаксисом таких языков, как C++, Java и С#. Код скриптов пишется в текстовом формате и состоит из операторов (инструкций), блоков, комментариев и функций. В операторах могут использоваться переменные и данные, такие как строки, числа и выражения. Для указания конца оператора используется символ «;» (точка с запятой). Блоком является набор операторов JavaScript, заключенных в фигурные скобки {}.

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

Для объявления переменных может использоваться инструкция var. Инструкция var является обязательной при объявлении локальных переменных внутри функции. Разрешается использовать переменные и без их объявления с помощью инструкции var. Однако необъявленные переменные не разрешается применять в выражениях. В языке JavaScript различаются большие и прописные символы в именах переменных, т. е. имена Name и name считаются различными.

В языке JavaScript используется шесть типов данных — числа (Number), строки (String), объекты (Object), логический (Boolean), null и undefined:

JavaScript поддерживает числа, как целые, так и с плавающей запятой. Также существуют специальные представления чисел, например NaN (не число). Примеры чисел: 3.14 (вещественное число), 15 (целое число), 0177 (восьмеричное число 177), 0ХА8 (шестнадцатеричное число А8).

Строки объявляются при помощи двойных кавычек или апострофов. Строка может состоять из нескольких символов в формате Unicode.

Логический тип допускает значения true и false. Любое выражение, равное 0, считается эквивалентным false, а любое выражение, равное числу, отличному от 0, будет эквивалентным true.

Переменная типа null не имеет никакого определенного значения. Undefined означает, что тип нс определен. Значение undefined имеет переменная после ее объявления и до присвоения ей какого-либо определенного значения.

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

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

Выражения. В языке JavaScript выделяют логические или числовые выражения. Любая допустимая комбинация констант и переменных, объединенных знаками операций, является выражением.

Знак равенства (=) используется как присваивание. Например, выражение Pi = 3.14; подразумевает «Присвоить значение 3.14 переменной Pi». А для задания операции сравнения двух значений на равенство применяется двойной знак равенства (=).

Символ «+» в выражении означает «сложение» или «объединение строк» .

Операторы. Язык поддерживает условные операторы if и if… else. Для объединения нескольких условий можно использовать логические операции || (ИЛИ) или && (И).

В JavaScript существует несколько видов операторов цикла: for, for.,.in, while, do… while и оператор выбора switch. Также имеется оператор остановки выполнения цикла break. Оператор continue используется для немедленного перехода к выполнению следующей итерации, пропуская остальную часть выполнения кода текущей итерации.

Функции. В языке JavaScript функция выступает в качестве одного из основных типов данных. Имеется два вида функций', встроенные и определяемые. Программист имеет возможность создавать собственные функции. Определение функции состоит из объявления параметров и блока инструкций JavaScript. Перед тем как воспользоваться функцией, ес необходимо предварительно определить. Описание функции имеет следующий вид: function имя (аргументы) { операторы }.

Здесь имя — идентификатор, задающий имя функции, аргументы — необязательный список идентификаторов, разделенных запятыми, который содержит имена формальных аргументов функции, а операторы — любой набор операторов, который называется телом функции и исполняется при ее вызове. Например: function area (radius) {return pi* radius * radius;}.

Данная функция имеет имя area и один формальный аргумент radius. При вызове этой функции вместо формального аргумента подставляется его фактическое значение, функция вычисляет площадь круга на основе этого значения и возвращает полученное число с помощью оператора return.

Переменные, объявленные в теле функции, являются локальными, т. е. они доступны только в ее теле.

При вызове функции в JavaScript действуют следующие правила передачи аргументов:

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

Объекты являются главным типом данных в JavaScript. Объекты — это набор свойств и методов. Для объявления переменных можно использоваться тип Object. В сценариях JavaScript используются следующие виды объектов:

• • Встроенные объекты, представляющие различные типы данных, свойства, методы, присущие самому языку JavaScript, независимо от содержимого HTML-страницы, например. Array, String, Date, Number, Function, Boolean, Math.
• • Объекты элементов документа, входящие в модель DOM, т. е. соответствующие содержанию и поведению web-страницы, обрабатываемой браузером. Они создаются браузером при грамматическом разборе (парсинге) HTML-страницы. Примеры: window, document, location, navigator и т. п.
• • Пользовательские объекты, которые создаются программистом в процессе создания сценария с использованием конструкторов типа объектов (класса).

Примерами встроенных объектов JavaScript являются массивы. Массивы — это объекты типа Array. Если при объявлении массивов задается один аргумент (целое неотрицательное число), то создается незаполненный массив соответствующей длины. Если передается один аргумент, не являющийся числом, либо более одного аргумента, то создается массив, заполненный этими элементами:

a = new Array (); // пустой массив.

b = new Array (17); // массив длины 17.

с = new Array (10, '12 345'); // массив из двух элементов: числа и строки Нумерация элементов массивов начинается с нуля. В языке JavaScript массив может состоять из разнородных элементов. Элементами массива могут быть также и массивы. Для работы с элементами массивов имеются различные свойства (например, length — количество элементов в данном массиве) и методы (например, join (), reverse () и sort ()).

Для перебора элементов массива используется оператор for (переменная in объект). Например:

for (d in document).

document.write («document.» +d+" = «+ document[d]+» «);