Основы работы с объектами в JavaScript

CoderStudio, 20.04.2022 18:18
Основы работы с объектами в JavaScript

Что находится в приведенном выше коде?

Это объектный литерал JavaScript. Да, это тот самый объект, о котором вы слышали в программировании. В этой статье блога мы рассмотрим, что такое объект в JavaScript и как он ведет себя в JS среде.

Почти все в JavaScript является объектом. На это есть своя причина. Прежде чем понять это, давайте начнем с нуля.

Что такое объект?

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

Как создать объект в JavaScript?

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

Первым шагом в создании объекта является определение и инициализация переменной

Теперь у нас есть объект. Но это пустой объект. Поэтому мы не можем делать много вещей с пустым объектом. Давайте создадим осмысленный объект.

Теперь у нас есть объект Но это пустой объект Поэтому мы не можем делать много вещей с

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

Как получить доступ к свойствам объекта в JavaScript?

Чтобы получить доступ к свойству объекта, есть два способа. Один из них - точечная нотация , а другой - скобочная нотация.

Точечная нотация
Точечная нотация
Скобочная нотация
Скобочная нотация

Зачем нам нужны "функции фабрики" и "функции конструктора"?

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

Функция фабрики

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

Фабричная функция в JavaScript
Фабричная функция в JavaScript

В приведенном выше коде показана функция createBlog(), которая возвращает объект.

Функция-конструктор

Если функция использует ключевое слово this и ключевое слово new для вызова этой функции, мы должны называть ее функцией-конструктором. Но прежде чем разбираться с функцией-конструктором, давайте разберемся, для чего нужны ключевые слова this и new,

Что такое "this"?

Ключевое слово this относится к текущему объекту, внутри которого пишется код.

Что такое "new"?

Ключевое слово new в JavaScript используется для создания экземпляра объекта, который имеет функцию конструктора
Функция конструктора в JavaScript
Функция конструктора в JavaScript

Мы используем CamelCase при написании имени функции-конструктора. Здесь мы не используем явный оператор возврата, потому что в основе ключевого слова new лежит оператор возврата.