- •Лекции по JavaScript Что такое javascript?
- •Среда разработки программ JavaScript
- •Что умеет javascript?
- •Переменные
- •Типы переменных
- •Массивы Создание
- •Аргументы
- •Описание, примеры
- •Методы объекта Array
- •Многомерные массивы
- •Объект Boolean
- •Объект Number
- •Объект Math
- •Объект String
- •Основы работы со строками
- •Использование кавычек
- •Встроенные функции
- •Строки и числа
- •Преобразование «Число → строка»
- •Преобразование «Строка → число»
- •Объект Date
- •Объект Global
- •Операторы и операции Операторы Javascript
- •Оператор break
- •Оператор comment
- •Оператор continue
- •Перебор свойств, кроме унаследованных
- •Оператор function
- •Оператор if...Else
- •Оператор return
- •Оператор var
- •Оператор while
- •Оператор with
- •Логические операторы
- •Операции сравнения
- •Арифметические операции
- •Битовые операции
- •Логические операции
- •Строковые операции
- •Операции присваивания
- •Прочие операции Условная операция
- •Операция запятая
- •Операция delete
- •Операция in
- •0 In langs // возвращает true
- •4 In langs // возвращает false Операция instanceof
- •Операция new
- •Операция this
- •Операция typeof
- •Операция void
- •Порядок выполнения операций
- •Функции
- •Функции - объекты
- •Области видимости
- •Параметры функции
- •Работа с неопределенным числом параметров
- •Пример передачи функции по ссылке
- •Пример использования:
- •Сворачивание параметров в объект
- •Объекты, свойства и методы Основные понятия
- •Объект JavaScript
- •Создание объектов с помощью инициализатора
- •Создание объектов с помощью конструктора
- •Создание методов
- •Изменение прототипа объекта
- •Удаление объектов
- •Вывод информации в строку состояния
- •Объект location
- •Проигрывание wav-файлов
- •Плавное изменение цвета фона документа html
- •Объект window.
- •Динамическое изменение страницы
- •Прокручивание документа
- •Параметры
- •Закрывающий тег
- •Аргументы
- •Значение по умолчанию
- •Параметр alt Описание
- •Значение по умолчанию
- •Параметр value Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •События
- •Когда использовать
- •Через свойство объекта
- •Основные события javascript
- •If (условие)
- •Способы открытия нового окна с помощью js
- •Модальное окно
- •X: 1, // добавляем свойство
- •Установка веб-сервера Apache и средств программирования под Windows
- •Что такое хостинг и где взять место под страницу.
- •Объектная Модель. Детали.
- •Языки на базе классов и языки на базе прототипов
- •Определение класса
- •Подклассы и наследование
- •Добавление и удаление свойств
- •Отличия. Резюме.
- •Пример Employee
- •Создание иерархии
- •Свойства объекта
- •Наследование свойств
- •Добавление свойств
- •Более гибкие конструкторы
- •И снова о наследовании свойств
- •Локальные и наследуемые значения
- •Определение взаимоотношений экземпляров
- •Глобальная информация в конструкторах
- •Нет множественного наследования
Переменные
Переменные в javascript слабо типизированы. Это означает, что при объявлении не нужно указывать тип. Можно присвоить любой переменной любое значение. Однако при этом интерпретатор javascript (браузер) всегда знает, какого типа значение содержит данная переменная, а значит - какие операции к ней применимы. Переменную не обязательно объявлять. Достаточно ее просто присвоить:
x = 5
Далее мы разберем основные типы переменных и действия с ними.
Типы переменных
Существует 4 типа переменных:
number – действительное или целое число;
boolean – значение true и афдыу;
string- строка;
object – объекты.
Объявление переменных производится при помощи ключевого слова var. например,
var i, k;
k=2;
До инициализации переменной ее значение остается неопределенным и равным undefined.
Операция typeof возвращает тип данных, хранящихся в текущий момент в переменной.
<html>
<body>
<h1> Пример арифметического выражения</h1>
<script language="javascript">
var x=1, y=2, z;
z=x+y;
document.write('z='+z);
document.write('z.typeof()='+z. typeof());
</script>
</body>
</html>
Массивы Создание
/* обычный синтаксис */
var array = [ elem0, elem1, elem2, ... ]
var empty = []
/* Синтаксис с new Array() */
var array = new Array( elem0, elem1, elem2, ...)
var empty = new Array()
/* Редкий синтаксис: аргумент new Array - одно число.
При этом создается массив заданной длины,
все значения в котором undefined */
var array = new Array(10)
Аргументы
elem0, elem1, ...
Если ни один из параметров elem0, elem1, ... не указан, то инициализируется пустой массив.
Если указан лишь один числовой параметр elem0 и массив объявлен черезnew Array, то будет инициализирован пустой массив длины, равной данному числу. При этом все элементы являются undefined.
В ином случае создается массив из перечисленных элементов.
Массив пронумерованных элементов, также может служить стеком или очередью. Для ассоциативных массивов используйте Object.
Описание, примеры
Объект Array предоставляет функционал
Массива с любыми числовыми индексами (разреженного)
Стека/очереди
Для задания массива, как правило, используется синтаксис с квадратными скобками. Объявление через new Array тоже возможно, но почти не используется.
Пример: Создать пустой массив
var arr = []
Пример: добавить элемент в конец
arr[arr.length] = 5 /* или arr.push(5) */
Пример: Создать массив из разных элементов
var arr = [ 4, "test", , false, [0,1] ]
alert(arr[1]) // => "test"
alert(arr[2]) // => undefined
alert(arr[3]) // => false
alert(arr[4][1]) // => 1
Можно добавить объект под любым индексом, даже превосходящим текущую длину массива. При этом массив хранит (и потребляет память) только те элементы, которые установлены.
В примере ниже массив будет хранить два элемента: номер 1 и номер 999.
Пример: разреженный массив
var arr = []
arr[1] = 5
arr[999] = 6
alert(arr[0]) // => undefined, такого значения нет
alert(arr.length) // => 1000 : последний индекс+1
Ассоциативные массивы
Класс Array рекомендуется использовать только для массивов с числовыми индексами.
Для ассоциативных массивов в javascript применяется Object.
Многомерные массивы
Для многомерных массивов в javascript нет кросс-браузерного синтаксиса.
Обычно используется массив массивов, например:
// 3 в ширину 3 в высоту
// каждый подмассив - колонка
var matrix = [ [1,2,3], [4,5,6], [7,8,9] ]
alert(matrix[1][1]) // 5
Методы
push
shift
join
concat
splice
pop
unshift
slice
reverse
sort
Свойства
index
input
length
Встроенные объекты
JavaScript поддерживает встроенные объекты: Array, Boolean, Date, Global, Function, Math, Number, String.
Экземпляр объекта создается при помощи оператора new по следующей схеме:
var object_name=new constructor_object(parameters);
где object_name – имя объекта,
constructor_object(parameters) – конструктор объекта, который имеет тоже имя, что и объект.
Объект Array
Объект Array представляет собой массив. Создается массив с помощью оператора new
var a=new Array(); //размер массива не указан
var b=new Array(3); // размер массива равен трем
var c=new Array("один","два","три");//массив задан перечислением
Пример
<html>
<body>
<script type="text/javascript">
<!--
var a= new Array();
a[0]=0; a[1]=1; a[10]=10;
for(var i=0; i<10; i++)
document.writeln("<pre>a["+i+"]="+a[i]+"</pre>");
// -->
</script>
</body>
</html>
Объект Array имеет свойство length, которое возвращает число элементов массива.