ЗНАКОМСТВО С ЯЗЫКОМ

урок 5 | зачет | дополнения | урок 7

урок 6: объект = методы + свойства

Понятие объекта является ключевым в современном программировании.

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

понятие объекта

Объект — это единая конструкция, содержащая в себе набор данных и функций или, в терминологии JavaScript, набор свойств и методов.

инкапсуляция

Этим термином обозначают скрытие внутреннего устройства объекта. Объект рассматривается как “черный ящик”. Известны свойства объекта, то есть доступные извне переменные. Известны методы объекта, то есть доступные извне функции. Но как устроены эти функции, по каким алгоритмам они работают, программисту не сообщается.

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

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

Инкапсуляция удобна, правда? Она позволяет слабому человеческому разуму справиться с огромными информационными потоками, закрывая глаза на несущественные детали.

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

объект и экземпляр объекта

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

То же и в программировании. Объект — это шаблон, документация. Экземпляр объекта — это рабочая копия.

интерфейс объекта и внутреннее устройство объекта

Программист Сидоров придумал новый объект Rectangle. Он сообщил коллегам следующую информацию.

var x = new Rectangle(a,b);

var x = new Rectangle(3,4);

// Вычисление площади.
var s = x.square();

// Вычисление периметра.
var p = x.perimeter();

// Вычисление радиуса описанной окружности.
var r = x.radius();

// Вычисление максимального размера.
var m = x.width;
if (x.height > m) m = x.height

Что сообщил Сидоров коллегам? Он сообщил интерфейс своего объекта, то есть информацию, необходимую для взаимодействия с объектом.

Сидоров не показал друзьям программные коды функций square, perimeter, radius. Не сказал он и о вспомогательной функции sqrt, которая была написана для вычисления квадратного корня (эту функцию использует у Сидорова метод radius). Не сказал Сидоров и про переменную temp, которая потребовалась объекту для промежуточных вычислений.

Другими словами, Сидоров не показал внутреннее устройство своего объекта. Да и зачем коллегам знать это? Сидоров — программист хороший, все свои коды тщательно проверяет, значит, можно пользоваться только интерфейсом, не заглядывая к Сидорову на “кухню”.

Интерфейс объекта — это доступные для использования переменные и функции объекта.

Внутреннее устройство объекта — это описание переменных и функций внутри объекта на языке программирования (“кухня” Сидорова).

Аналогия с телевизором: интерфейс — это пульт управления. Внутреннее устройство — это электронные “потроха” в ящике.

встроенные объекты и объекты пользователя

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

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

объект Date

Начнем практическое рассмотрение встроенных объектов языка JavaScript с очень полезного объекта Date. Этот объект используется для работы с датой и временем.

Для создания экземпляра объекта (не только объекта Date, но и любого другого) в языке JavaScript используется ключевое слово new:

var now = new Date();

Теперь переменная now является экземпляром объекта Date и содержит текущую дату и время.

В общем случае экземпляр образуется следующим образом:

var переменная = new Date(параметры);

Возможно указание следующих параметров:

var now = new Date();

var birthday =
  new Date(1954,1,8);

var bell =
  new Date(2003,0,14,12,20,0);

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

Имя метода объекта (вспомним, что метод в терминологии JavaScript — это функция) отделяется от имени экземпляра точкой.

Можно написать:

var year = bell.getYear();

Переменная year получит значение 2003.

Рассмотрим несколько простых скриптов с объектом Date.

текущая дата и время

<SCRIPT language=JavaScript>
<!--

  var now = new Date();

  alert("Сегодн\я: "+now.getDate()+"/"+(now.getMonth()+1)+"/"+
         now.getYear()+"\n"+
         "Сейчас: "+now.getHours()+":"+now.getMinutes());
//-->
</SCRIPT>

число дней с начала года

<SCRIPT language=JavaScript>
<!--
  // Текущая дата и время.
  var now = new Date();

  // Начало текущего года.
  var begin = new Date(now.getYear(),0,1);

  // Число миллисекунд от начала года.
  var d = now.getTime() - begin.getTime();

  // Число миллисекунд в дне.
  var msPerDay = 24*60*60*1000;

  // Поделим на количество миллисекунд в сутках.
  d /= msPerDay;

  // Покажем результат.
  alert("Прошло " + Math.floor(d) + " дней с начала года");
//-->
</SCRIPT>

Замечание о записи Math.floor(x). Встроенный объект Math предлагает различные математические функции и константы. Особенность этого объекта в том, что он существует в единственном экземпляре, который имеет то же имя Math. Программист не может создавать новые экземпляры этого объекта. Правда, в этом и нет необходимости. Метод floor(x) объекта Math возвращает ближайшее целое число, меньшее или равное аргументу (смотрите методы и свойства объекта Math в справочнике).

объект Array

Этот объект предназначен создания массивов данных. Массив — это упорядоченный набор элементов. Доступ к отдельному элементу производится по имени и индексу (номеру). Нумерация элементов в JavaScript начинается с нуля.

пример: массив названий дней недели

dayNames = new Array("воскресенье", "понедельник", "вторник",
                     "среда", "четверг", "пятница", "суббота");

Для доступа к отдельным элементам массива используют конструкцию:

имя_массива[индекс]

<SCRIPT language=JavaScript>
<!--
  var dayNames = new Array("воскресенье", "понедельник",
                           "вторник", "среда", "четверг",
                           "п\ятница", "суббота");
  alert(dayNames[]);
//-->
</SCRIPT>

пример: показ текущей даты и времени

<SCRIPT language=JavaScript>
<!--
// Название месяцев в родительном падеже.
  var monthNames = new Array("\январ\я", "феврал\я", "марта",
    "апрел\я", "ма\я", "июн\я", "июл\я", "августа", "сент\ябр\я",
    "окт\ябр\я", "но\ябр\я", "декабр\я");

  // Название дней недели.
  var dayNames = new Array("воскресенье", "понедельник",
    "вторник", "среда", "четверг", "п\ятница", "суббота");

  // Текущая дата и время.
  var toDay = new Date();

  // Формирование строки вывода.
  var str = "Cегодня: ";

  // Добавим в строку день месяца.
  str += toDay.getDate() + " ";

  // Добавим в строку название месяца.
  str += monthNames[toDay.getMonth()] + " ";

  // Добавим в строку год.
  str += toDay.getYear() + " года, ";

  // Добавим день недели.
  str += dayNames[toDay.GetDay()] + "\n";

  // Добавим время.
  str += "Сейчас: " + toDay.getHours() + ":" +
                      toDay.getMinutes() + ":" +
                      toDay.getSeconds();
  // Покажем строку.
  alert(str);

//-->
</SCRIPT>

Длина массива (число элементов в нем) может меняться во время работы программы:

var f = new Array(); // Сейчас массив пуст.
f[0]  = 1;           // В массиве один элемент.
f[1]  = 1;           // В массиве два элемента.
f[2]  = f[0]+f[1];   // В массиве три элемента.
f[5]  = 8;           // В массиве шесть элементов f[0],...,f[5].

пример: максимальный элемент массива

<SCRIPT language=JavaScript>
<!--
  var i;
  // Создадим массив из n случайных чисел,
  // каждое из которых входит в диапазон [a, b].
  var n = ;
  var a = ;
  var b = ;
  var set = new Array();
  for (i=0; i<n; i++)
    set[i] = Math.floor(a + (b-a+1)*Math.random());

  // Найдем максимальный элемент.
  var max = a;
  for (i=0; i<n; i++)
    if (set[i] > max) max = set[i];

  // Покажем массив и найденный максимум.
  alert ("Массив: "+set+"\nМаксимум: "+max);
//-->
</SCRIPT>

Замечание. Два цикла рассмотренного примера можно объединить в один:

var max = a; for(i=0; i<num; i++) { set[i] = Math.floor(a + (b-a+1)*Math.random()); if(set[i] > max) max = set[i]; }

До сих пор мы пользовались методами объектов и еще ни разу — их свойствами.

Вспомним, что свойства объекта — это, в терминологии JavaScript, те интерфейсные переменные, которые доступны пользователю объекта.

На самом деле, конечно, речь не об объекте, а о конкретном экземпляре объекта. Для обращения к свойствам указывается имя экземпляра объекта и через точку — имя свойства, например:

<SCRIPT language=JavaScript>
<!--
  var set  = new Array("Горбунков", "Семен", "Семенович");
  alert (set.length);
//-->
</SCRIPT>

Свойство length содержит число элементов массива — его длину.

Язык JavaScript допускает много “вольностей” при обращении с объектами. Так, например, можно задать экземпляр массива без ключевого слова new и имени объекта Array:

var set = [1, 4, 9, 16, 25, 36];

Конечно, браузер, просматривая такую запись, все равно создает экземпляр объекта Array, точно такой же, как и при записи:

var set = new Array(1, 4, 9, 16, 25, 36);

В предыдущих уроках мы часто строили экземпляры объекта String, даже не подозревая об этом. Такая запись:

var title = "Старик, упавший с каланчи";

совершенно эквивалентна записи:

var title = new String("Старик, упавший с каланчи");

Для работы со встроенными объектами JavaScript удобно иметь под рукой справочник. Он приводится в конце этой книги.

Ниже располагаются ссылки на описание свойств и методов встроенных объектов в этом справочнике:

Date Array String Math

Дополнительный материал

Нажмите кнопку Сброс, затем выберите верные ответы на вопросы.

Нажмите кнопку Сброс, затем приступайте к решению.

var a=new Array(1,2,3,4,5,6,7,8,9,10);
var s = 0;
for(var i=0; i<a.length; i++)
  s += a[i];

var a=new Array(1,2,3,4,5,6,7);
var s = 0;
for(var i=a.length; --i>=0;)
  s += a[i];
s /= a.length;

var a=new Array(6,2,3,4,7,1,5);
var s = a[0];
for(var i=0; i<a.length; i++)
  if(a[i]>s) s = a[i];

var a=new Array(6,2,3,4,7,1,5);
var d=a[0];
var s=0;
for(var i=0; i<a.length; i++)
  if(a[i]>d) { d=a[i]; s=i; }

var a=new Array("2","48","000","99");
a.sort(Compare);
var s=a[0];
function Compare(a,b)
{
  return b.length-a.length;
}

var a=new Array("34","81","234","6789");
a.sort(Compare);
var s=a[0];
function Compare(a,b)
{
  var ret = 0;
  if(a < b)      ret = 1;
  else if(a > b) ret = -1;
  return ret;
}

var str = new String("3481234627892");
var s=0;
for(var i=0; i<str.length; i++)
  if(str.charAt(i)=="2") s++;

var str = new String("3481234627892");
var s=0;
for(var i=str.indexOf("2"); i>=0;
            i=str.indexOf("2",i+1)) s++;

var str=new String("Шалтай-Болтай");
var sub=str.substring(3,5);
var s=0;
for(var i=str.indexOf(sub); i>=0;
            i=str.indexOf(sub,i+1)) s++;