Відмінності між версіями «ООП в JavaScript»

Версія за 20:27, 13 травня 2010

Теоретичний опис принципів ООП в JavaScript може заняти дуже багато часу, і викликати багато суперечок навколо питання чи взагалі існують класи в JavaScript. Я не буду на цьому зупинятися, а відразу дам відповідь: Класів в JavaScript НЕМАЄ

Загальний Опис

JavaScript -- це мова програмування, яка базується на об`єктах. Всі об'єкти поділяються на 3 групи:

• вбудовані об'єкти виконуючої системи
• об'єкти середовища, в якому виконується сценарій
• користувацькі об'єкти

об'єкт JavaScript -- це неупорядкований набір властивостей.

Метод -- це властивість, що є функцією. Приклад синтаксису доступу до властивості об'єкту:

імя_об'єкта.імя_властивості

або

імя_об'єкта["імя_властивості"]

Останній синтаксис використовується оператором for ... in. Кожне властивість складається з назви, значення і набору наступних атрибутів:

Нова властивість об'єкту створюється просто присвоюванням йому значення. Нехай, наприклад, ми вже створили об'єкт MyObj. Задамо йому ім'я, та, наприклад, якесь значення:

MyObj.name = "Мій Об'єкт"; 

MyObj.value = 256;

Тепер наш об'єкт має 2 властивості: name та value. У таких властивостей, створених користувачем, всі перераховані вище атрибути скинуті в false. Надалі ми можемо змінювати значення цих властивостей або переглядати.

Створення об'єкта

Існує два способи створення нових об'єктів у JavaScript, а саме:

• Використання ініціалізатора об'єкта.
• Використання конструктора об'єктів.

Створення об'єктів за допомогою ініціалізатора

Цей спосіб дозволяє одночасно створити об'єкт і привласнити значення всіх або частини його властивостей. Він застосовується в тих випадках, коли ми створюємо об'єкт з унікальним набором властивостей. Ініціалізатор об'єкта має вигляд:

(Властивість: значення [, властивість: значення])

Властивість - ідентифікатор, що задає ім'я властивості; значення - вираз, що задає значення цієї властивості.

Наприклад, об'єкт MyObj з попереднього прикладу може бути створений так:

var MyObj = {name: "Dead", value: "256"};

Можливо конструювати об'єкт в об'єкті. Додамо ще одну властивість об'єкта MyObj, яка називається options і сама є об'єктом:

var MyObj = {name: "Dead", value: "256",
 options: {enabled: true, vud: false}};

Створення об'єктів за допомогою конструктора

Цей спосіб застосовується в тих випадках, коли ми хочемо створити "клас"(реально функцію конструктор) об'єктів з певним набором властивостей, а потім створювати нові об'єкти, просто вказуючи, до якого класу вони повинні належати. Для цього потрібно спочатку створити конструктор об'єктів, який є функцією спеціального виду, а саме:

1. Ім'я функції задає ім'я створюваного "класу" об'єктів;
2. Тіло функції повинно містити присвоювання початкових значень властивостям і методам створюваного об'єкту.

Наприклад, конструктор для об'єкта MyObj з попереднього прикладу може мати наступний вигляд:

function MyObj(name, value) 
{
 this.name = name;
 this.value = value;
}

Зверніть увагу на використання операції this для доступу до властивостей об'єкта. Його особливості будуть розглянуті далі.

Тепер для створення нових об'єктів MyObj достатньо викликати цей конструктор в операції new, наприклад:

var myObjL = new MyObj("Indigo", 132);

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

function myOpt(enbl, vud) 
{
 this.enabled = enbl; 
 this.vud = vud;
}

function MyObj(name, value, options) 
{
 this.name = name;
 this.value = value;
 this.options = options;
}

var myOpt = new myOpt(true, false);
var myObjL = new MyObj("Indigo", 132, myOpt);

Для доступу до властивостей властивості options використовується нотація myObjL.options.enabled.

Ключове слово this

Ключове слово this в JavaScript працює своєрідно, не так, як в інших мовах, він не прив'язується статично ні до якого об'єкту, а залежить від контексту виклику.
Існує 4 випадки значення операції:

• Режим конструктора, якщо функція визивається через new як конструктор об'єкту, то this ставиться на стрворюваний об'єкт;
• Метод об'єкту, якщо функція запущена як властивість об'єкту, то в this буде посилання на цей об'єкт;
• Apply/Call, якщо функція визивається через методи Apply та Call, при такому визові функції this буде встановлено в об'єкт, що визивається;
• Простий виклик, при цьому виклику this стає ріним глобальному об'єкту (в браузері це window).

Створення методів

Прототипи об'єктів

Видалення об'єктів

Наслідування