Javascript объекты

Пояснения к статье:

  • this — ключевое слово, которое ссылается на глобальную функцию. Может использоваться при работе с методом function.

Объекты в JS являются основой любого объектно-ориентированного языка программирования, к которым и относится JavaScript. В этой статье мы поговорим с вами о том, что такое объекты, а также о правилах работы с ними.

Сам по себе объект является набором нескольких свойств, которые состоят из имени и заданного значения. Значение должно быть ассоциировано со свойством.

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

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

Что такое объекты в программировании?

Объекты в программировании очень похожи на объекты в реальной жизни. Для того чтобы лучше понять их концепцию, сравним объекты в JS с объектами в реальной жизни.

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

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

Создание объектов в JS и их свойства

Итак, как мы уже поняли, объект — самостоятельная единица, которая имеет собственный набор свойств. Свойством объекта может являться стандартная переменная в JavaScript, но лишь с той разницей, что она будет закреплена за объектом.

Внимание! При создании объектов уделяйте небольшое внимание вашим названиям, так как имена объектов очень чувствительны к регистру и некоторым знакам.

Для начала давайте создадим собственный JavaScript объект и добавим в него несколько свойств:

Javascript объекты

Как видим, объект объявляется также, как и обычная переменная. В строке объявления содержится ключевое слово var и название объекта. Со второй же стороны знака стоит фраза «new Object()» — именно она и говорит компилятору о том, что переменная является объектом.

Свойства объектов также объявляются стандартным образом, единственное отличие — вместо ключевого слова var мы записываем название объекта и сразу же название переменной, через точку.

Перечисление свойств объекта в JS

Для того, чтобы сделать перебор свойств объекта в JS можно провести 3 операции:

  1. Цикл for, с ключевым словом in
  2. Когда мы создаем конструкцию по типу «for i in object», мы проверяем наличие того или иного значения в объекте. С помощью такого цикла можно перебрать и записать все свойства объекта.

  3. Object.keys(object)
  4. При вызове возвращает массив, который содержит имена всех свойств определенного объекта. Имена свойств, которые находятся в цепи прототипов выводиться не будут.

  5. Object.getOwnPropertyNames(object)
  6. Данный метод также выводит массив с именами объекта, но он немного отличается от предыдущего. Основное отличие — выводятся имена абсолютно всех свойств.

  7. Функция обнаружения свойств

Это наиболее старый способ, который придумали ещё задолго до того, ка к появились все вышеперечисленные методы. Его можно использовать и сейчас, так как он может помочь найти некоторые скрытые свойства объекта.

Пример функции:

Пример Javascript функции

Способы создания объектов

В JavaScript есть всего 3 способа создать собственный объект:

  1. Использование инициализаторов.
  2. Этот способ немного отличается от того, что мы показывали выше, а также более сложный. Его суть заключается в том, что вы создаете синтаксическую основу объекта, которая автоматически считывается интерпретатором.

    Пример использования инциализаторов:

    Javascript объекты
    var myComputer = {

    color: «dark»,

    cpu: {

    cores: 6,

    threads: 12

    }

    }

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

  3. Использование конструктора объектов.
  4. Ещё один уникальный способ создания объектов. Для того, чтобы воспользоваться им, необходимо определить тип объекта, с помощью заданной функции. Функция будет создавать новый объект и записывать в него новые свойства:

    Объекты JS

    function Car(make, model, year) {

    this.make = make;

    this.model = model;

    this.year = year;

    }

    var mycar = new Car(«Audi», «TT», 1995);

    После определения типа необходимо создать объект. Для этого вызовем нашу функцию-конструктор:

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

  5. Метод объекта — Object.create
  6. Основное отличие и преимущество данного способа — возможность создавать прототипы объектов, без использования функции конструктора.

Заключение

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

Вся находящаяся здесь информация является «фундаментом», который необходим для работы с объектами. Если более подробно углубиться в эту тему, то можно долго говорить о таких вещах, как перебор объектов в JS, массивы объектов и так далее.

В наших исходниках вы можете найти примеры всех вышеописанных способов создания объектов и их свойств.

Успехов в изучении!



Теги:
0

Оставить своё мнение

Ваш e-mail не будет опубликован. Обязательные поля помечены *