Створення об'єктів користувача і робота з ними

У мові JavaScript не передбачено конструкцій для опису складних типів даних (таких як struct або class в мові C++), тому об'єкти користувача конструюються за допомогою функцій, причому властивості таких об'єктів та їхнє значення задаються за допомогою оператора присвоювання. Наприклад, наступна функція browser() описує об'єкти типу browser, властивості яких містять інформацію про Web-броузер. Фактично функція browser() є конструктором об'єктів типу browser, а необхідні дані передаються їй як параметри:

function browser(name, platform)

{

this.name = name;

this.platform = platform;

}

Оператор this у мові JavaScript використовується для звернення до поточного об'єкта, у рамках якого відбувається виконання JavaScript-коду. У даному випадку це об'єкт класу browser.

Описана функція browser(), визначає структуру об'єкта і присвоює початкові значення властивостям name і platform. Проте сама вона не створює нових екземплярів об'єктів — для цього використовується оператор new. Для створення нового об'єкта типу browser, слід використати оператор вигляду: atlas=new browser("Netscape Atlas", "Windows95") У даному випадку atlas — ім'я нового об'єкта типу browser.

■В цьому прикладі властивості name присвоюється значення «Netscape Atlas», а властивості platform — значення «Windows 95». Для звернення до цих властивостей, наприклад до властивості platform, у JavaScript використовується такий вираз:

atlas.platform

Враховуючи швидше присвоєні значення, цей вираз поверне значення «Windows 95».

Властивості об'єктів, у свою чергу, також є об'єктами. Наприклад, визначимо об'єкт person за допомогою функції (конструктора):

function person(name)

{

this.person=name;

}

Тоді при виконанні операторів

pers1 = new person("Bіктор");

pers2= new person("Mаріяl");

будуть створені нові об'єкти класу person (з іменами persl і pers2).

Продовжуючи цей приклад, можна описати новий клас об'єктів emailAddress, який зв'язуватиме з об'єктом person адресу електронної пошти:

function emailAddress(person, address)

{

this.name=person;

this.address=address;

Тепер створимо два нових об'єкти:

e1=new emailAddress(pers1, "viktor@hotmail.com");

e2=new emailAddress(pers2, "maria@hotmail.com");

При зверненні:

e1.name.person

отримаємо значення «Віктор» (ім'я користувача). Тут е1 — об'єкт emailAddress, a name — його властивість, яка також є об'єктом. Тепер створимо нову JavaScript-функцію для виводу на екран всіх відомостей про користувача, включаючи його ім'я та адресу:

function showDetails()

{

var persDet="Ім'я: "+this.name.person+"\n"+"E-mail:"+ this.address:

document.write(persDet);

}

Цю функцію можна зробити методом класу email Address, змінивши опис функції emailAddress() наступним чином:

function emailAddress(person, address)

{

this.name=person;

this.address=address;

this.showdetails=showDetails;

}

Цей метод викликається за допомогою виразу

el.showDetails();

Оскільки змінна е1 є об'єктом типу emailAddress, який, в свою чергу, містить об'єкт person, функція showDetails() виведе такі дані: Name: Віктор E-mail: victor@hotmail.com