Эта статья предназначена для людей, имеющих базовые знания языка JavaScript и желающих узнать, как работают объекты в JS. Рассмотрим подробнее их внутреннее представление.
Итак, в JavaScript есть поговорка, которая гласит, что «Все является объектом». И хотя это почти верно, это не на 100 процентов верно. Потому что в JavaScript у нас есть два больших типа значений: примитивы и объекты. А примитивы — это все значения, которые имеют один из типов данных, о которых мы уже знаем. Итак, числа, строки, логические значения, неопределенные и нулевые значения — все это примитивы, а все остальное — объекты.
И на самом деле, даже такие простые вещи, как функции, массивы или даты, являются объектами в JavaScript, и это потому что в JavaScript объекты предназначены не только для хранения набора данных, но и для действительно сложных вещей, скрытых под поверхностью. Итак, мы все время использовали объекты, просто не подозревая об этом. Таким образом, Объекты в основном могут хранить данные неупорядоченным образом с помощью так называемых пар «ключ: значение».
Итак, в данном фрагменте кода вы можете увидеть, как объявляется объект. Имя объекта John с парами «ключ: значение» в качестве атрибутов. Здесь firstName — это ключи соответствующее ему значение. это «Джон». Аналогично фамилия, возраст, а также ключи и «Майерс», 24 — соответствующие значения. Важным выводом является то, что один объект John имеет разные атрибуты с парами ключ-значение, и мы можем хранить столько, сколько нам нужно.
Доступ к элементам в объектах:
Теперь, когда мы знаем, что представляет собой объект, крайне важно получить доступ к элементам, которые мы храним в объектах. И для этого мы можем получить доступ к значениям, сохраненным из соответствующих значений ключа. Они называются свойствами объекта. Итак, console.log(John.firstName) будет отображать содержимое (значения), связанное со свойством firstName в John Object. Точно так же мы можем получить доступ ко всем другим значениям из соответствующих свойств. Вы определяете (и создаете) объект JavaScript с литералом объекта.
Объектные методы:
Теперь мы получили обзор объектов, их создания и того, как получить доступ к этим сохраненным свойствам и значениям свойств. Объекты также могут иметь методы. Методы — это действия, которые можно выполнять над объектами. Методы хранятся в свойствах как определения функций. Давайте разберемся в этом на примере Джона.
Итак, здесь, в John Object, мы создали метод с именем fullName, и он будет возвращать полное имя John, т. е. John Mayers, при вызове метода. Итак, теперь мы знаем, как получить доступ к объектному методу. Поздравляем!
Это ключевое слово:
В определении функции this указывает на "владельца" функции. В приведенном выше примере мы можем использовать ключевое слово this вместо John.firstName в объекте John которому принадлежит свойство firstName.
Итак, теперь, когда я кратко рассказал об объектах в JavaScript и о том, как они работают, настала ваша очередь пойти и повеселиться. Мы только что поцарапали поверхность объектов, и нам еще многое предстоит узнать. Удачного обучения!
Совет:
