Меню
Спросить
JS

Объекты в JavaScript

19 октября 2017
Объекты в JavaScript

Всем привет. Сегодня поговорим про объекты в JavaScript. Объект - это один из типов данных в JavaScript, он представляет собой ту же переменную, которая содержит в себе какое то значение, но объект содержит в себе набор значений, свойств и методов. По другому можно сказать, что объектом является та переменная, которая содержит в себе значение, не являющееся ни строкой, ни числом, ни логическим значением, ни null и даже не undefined. Самый простой пример объекта - это массив значений. Тему массивов мы затронем позже, но в качестве примера можем посмотреть и сегодня =)

  1. var
  2. a = 5, // Переменная а равна 5
  3. b = [5, 6, 2, 24, 6789, -34, 2.3, 3.14]; // Переменная b равна объекту "массив", массив значений.

Еще один ярчайший пример вы можете увидеть в уроках по теме "Как сделать плеер". При создании плеера мы используем аудио-объект.
Каждый объект должен создаваться, большинство имеют свойства и методы.

Создание объекта

Перед тем как работать с объектом, его нужно создать и присвоить какой-либо переменной. Пример выше, создает объект типа "массив", но его еще можно создать и с помощью оператора new, как с тем же плеером, когда создавали аудио-объект.

  1. var
  2. a = [2,3,4], // Создаст массив
  3. b = new Array(), // Создаст пустой массив - [ ]
  4. c = new Audio(); // Создаст пустой аудио-объект

Какой объект и как создавать, мы узнаем в последующих статьях. Пока просто запоминаем и пытаемся понять.
Существуют объекты которые не нужно создавать, как например объект Math. Его не нужно создавать и присваивать переменной, достаточно просто указать его и его свойство или метод. Мы наблюдали пример использования объекта Math в этом уроке. Поехали дальше.

Свойства объекта

Большинство объектов имеют те или иные свойства. Свойство содержит в себе какое-либо значение. Чтобы обратиться к свойству, нужно указать ИмяОбъекта поставить точку и указать ИмяСвойства, либо вместо точки ИмяСвойства указывается в квдратных скобках и обычно в апострофах.
Давайте рассмотрим пример.
Создадим простейший объект.

  1. var
  2. a = {color: 'yellow', width: '120px', type: 'cat'};

Это простейший объект. Замечу, что здесь скобки фигурные и не путайте [Объект типа массив] и {Просто объект}.
Теперь выведем одно из свойств объекта.

  1. var
  2. a = {color: 'yellow', width: '120px', type: 'cat'};
  3. alert( a.color ); // yellow
  4. // Или второй способ
  5. alert( a['color'] ); // yellow

Как видите все очень просто. А теперь давайте попробуем вывести число ПИ с помощью объекта Math и его свойства PI

  1. alert( Math.PI );

Отмечу, что в данном случае свойство PI должно быть написано в верхнем регистре.

Методы объекта

По мимо свойств, у объекта еще имеются и методы. Мы с вами знаем, что такое функции. Так вот методы - это тоже можно сказать функции, которые можно создавать свои, но существуют и готовые методы.
Рассмотрим пример.
Создадим простой объект со свойством и методом.

  1. var
  2. a = {
  3.     color: 'yellow', // это свойство
  4.     message: function () {
  5.             alert('Это метод');
  6.         }
  7.     };
  8. alert('Это свойство - '+a.color+', а сейчас будет метод.');
  9. a.message();

Так же к примеру объект Math имеет свои методы, например метод или функция которая вернет квадратный корень числа.

  1. alert(Math.sqrt(25)); // 5

Заключение

На начальном этапе я думаю будет достаточно информации. На сегодня все, всем спасибо за урок, пока =)

Следующая статьяПредыдущая статья