Урок 6. Объекты, их свойства и методы

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

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

В JavaScript почти все можно отнести к объектам. В качестве примера рассмотрим обычное строковое значение «This is my first program». Данная строка обладает как минимум одним свойством: количеством содержащихся в ней символов. Для получения доступа к свойствам и методам объекта, вам необходимо указать объект и, через точку, его свойство. К примеру количество символов содержится в свойстве с именем length.

Консоль JavaScript
Консоль JavaScript

Строки кроме свойств также имеют набор некоторых методов – действий, которые вы можете совершить над ними. Для того, чтобы вызвать метод, вам как и в случае со свойствами, необходимо написать имя метода через точку. Но основное отличие методов от свойств заключается в наличии в конце скобок – открывающей и закрывающей. Например, строки имеют такой метод как перевод всех букв в строке в верхний регистр. Данный метод называется toUpperCase(). Попробуем его использовать:

Консоль JavaScript
Консоль JavaScript

Также обратите свое внимание на то, что данный метод вернул нам КОПИЮ строки с буквами в верхнем регистре, а содержимое переменной от этого ни как не изменилось.

А как же сохранить полученный результат? Да очень просто, мы сохраним полученный результат в переменную:

Консоль JavaScript
Консоль JavaScript

Иногда для работы с некоторыми методами необходима дополнительная информация – так называемыми параметрами, с которыми будет запущен метод. Например у строк существует такой метод, как  replace() — поиск и замена. Данный метод содержит два параметра – что искать и на что это заменить. Параметры записываются в скобки, которые расположены в конце метода. Если же параметров несколько, то их разделяют с помощью запятой. В первом параметре метода replace() указывается, что необходимо найти, а во втором – на что заменить найденное. Давайте рассмотрим на примере заменив в содержимом строки stroka2 слово «FIRST» на «SECOND»:

Консоль JavaScript
Консоль JavaScript

Но опять же, обратите свое внимание на то, что нам вывелась только копия строки, а содержимое внутри переменной осталось без изменений. Давайте запишем получившуюся строку в переменную stroka3:

Консоль JavaScript
Консоль JavaScript

Обратите внимание: Когда вы присваиваете значение переменной, сначала происходит выполнение всех действий справа от оператора присваивания (=) и только после этого происходит запись значения в переменную. Поэтому вы можете перезаписывать содержимое переменных не создавая при этом лишние и ненужные переменные.

Урок 7. Необходимое программное обеспечение. Основа проекта >>

Урок 6. Объекты, их свойства и методы: 5 комментариев

  1. Материал предоставлен кратко и ясно, понятно даже начинающему программисту.

  2. Thank you, I’ve recently been searching for information about this topic for ages and yours is the greatest I’ve discovered till now.

  3. Im not that much of a internet reader to be honest but your sites really nice, keep it up! I’ll go ahead and bookmark your site to come back later. Many thanks

Добавить комментарий

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