5. Язык js. Его возможности и ограничения. Лексемы. Идентификаторы. Ключевые слова и зарезервированные слова. Типы данных. Произведение типов. Константы. Переменные.

JS обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности страниц.

Возможности:

- создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы.

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

- посылать запросы на сервер и загружать данные без перезагрузки страницы ("AJAX").

- запрашивать данные, выводить сообщения.

Ограничения:

- JS не может читать/записывать произвольные файлы на жесткий диск, копировать их или вызывать программы. Он не имеет прямого доступа к ОС.

- JS, работающий в одной вкладке, не может общаться с другими вкладками и окнами, за исключением, когда он сам открыл это окно или несколько вкладок

Лексема - это минимальная часть языка, имеющая самостоятельный смысл. К ним относятся: разделители, идентификаторы, литералы, операции, операторы. Лексемы распространяются между разделителями (пробелами, tab или переносом строки).

Примеры лексем

var myLexeme;//тут 4 лексемы (var, пробел, myLexeme;)

myLexeme = "строка"; // тут 6 лексем

Ключевые слова: break, Function, return, var, case, delete, if, switch, void, catch, do, in, this, while, const, else, instanceof, throw, continue, try, debugger, for, for in, new, typeof.

Идентификатор - это уникальное имя переменной, константы, пользовательской функции, объекта, массива, ключевых и зарезервированных слов, меток. Примеры идентификаторов:

var myIdentifier; //тут 2 идентификатора (var и myIdentifier)

function myIdentifier() { } // тут два идентификатора

Типы данных: Простые типы (Number, String, Boolean, Null, Undefined), Объект(Object), Специальные объекты (Function, Array, Date, RegExp, Error).

Элементарные - создаются простым указанием данных:

var orange = "Апельсин"

Объектные - например, через оператор new:

var orange = new String("Апельсин")

Приведение типов:

“3” + 4 + 5 = “345” // Строка

3 + 4 + “5” = “75” // Число (3+4) и Строка “5” = “75”

var a = +"123"; // 123

var a = Number("123"); // 123, тот же эффект

alert( true + "test" ); // "truetest"

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

var COLOR_RED = "#F00";

var COLOR_ORANGE = "#FF7F00";

alert (color ); // #FF7F00

Переменная состоит из имени и выделенной области памяти, которая ему соответствует. Для объявления переменной используется ключевое слово var:

var message;

message = 'Hello'; // сохраним в переменной строку.

На имя переменной в JS наложены всего два ограничения:

- Имя может состоять из: букв, цифр, символов $

- Первый символ не должен быть цифрой.

Регистры разные!

6. Локальные и глобальные переменные. Массивы. Обработка элементов массива и способы вывода результата. Организация ассоциативных массивов в js.

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

function foo() {

a = 2;

b = 3;

return a+b; }

a = 'очень важное значение';

alert(a); // очень важное значение

foo();

alert(a); // 2

Массивы. Инициализация:

var a = new Array() // a[0] = “1”, a[1] = “2”

var a = [“1”, “2”, “3”];

var a = new Array(“1”, “2”, “3”)

Добавлять новый элемент можно:

а [a.length] = "new element"

a.push ("new element")

Перебор элементов обычно j осуществляется циклом:

var a= [ "one", "two", "three" ]

for (var i=0; i<a.length; i++) {

... сделать что-то с arr[i] ...}

1) slice (begin[, end]) // Возвращает подмассив с индексами begin…end.

2) splice (index, deleteCount[, element1,…, elementN]) // Удалить deleteCount эл-в, начиная с index, и вставить на их место element1…element

Ассоциативный массив - структура данных, в которой можно хранить любые данные в формате ключ-значение.

<script type="text/javascript">

var array = {'Name': 'Michael', 'Age': '22', 'Country': 'Russia'}; // Создаём ассоциативный массив

array["add"] = 15; // Добавим ещё элемент

/* Перебор асс массива и вывод ключей и их зн-й */

for (var i in array)

alert("Ключ = " + i + "; Значениее = " + array[i]);

</script>

Пример № 2

var s_list = new Object();

s_list["fat"] = "Толстый";

s_list["small"] = "Маленький";

s_list["name"] = "Гомер";

for (var x in s_list) //выведем на экран все эл-ты

document.write (s_list[x] + "<br>");