Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Тернарный оператор - if-else Создание объекта Создание методов - Доступ через this

Способы создания объекта в Javascript – 2 способа как обращаться к свойствам объекта?

Еще об объектах - Создание объекта

Урок №5 Создание объекта

Количество просмотров: 374

До сих пор мы изучали уже имеющиеся в javascript объекты и их методы.

Но в javascript есть возможность создавать свои объекты и придумывать для них свойства.

Свойства - это значения, связанные с объектом.

А методы - это функции (действия), связанные с объектом (см. в следующем уроке создание методов).

Существует два способа самостоятельного создания объектов. Рассмотрим их далее.

1-ый способ создания объекта - new Object

1-ый способ создания объекта - new Object

Для понимания 1-го способа создания объекта в javascript проще всего сразу перейти к его синтаксису и примеру работы с ним.

var object = new Object;

object.property = "String";
object.property = Number;

object - имя объекта
property - свойство объекта
"String" - строковое значение свойства
Number - числовое значение свойства

Прокомментируем синтаксис 1-го способа создания объекта и его свойств.

  • Новый объект создается при помощи ключевых слов new Object
  • Свойство объекта указывается через точку . после его имени.
  • Свойству присваивается значение (строка, число, массив и т.д.).

<script type="text/javascript">

var auto = new Object; /* Создание объекта auto */

auto.brand = "Volkswagen"; /* Создание свойства brand объекта auto */
auto.year = 1989;
auto.color = "Нептун";

document.write("Марка моего автомобиля: " + auto.brand + "<br>");
document.write("Год выпуска: " + auto.year + "<br>");
document.write("Цвет: " + auto.color + "<br>");

</script>

2-ой способ создания объекта - Фигурные скобки

2-ой способ создания объекта - Фигурные скобки

2-ой способ создания объекта в javascript немного компактнее первого и поэтому часто удобнее.

Разберем его синтаксис.

var object = {
property: "String",
property: Number,
}

object - имя объекта
property - свойство объекта
"String" - строковое значение свойства
Number - числовое значение свойства

Прокомментируем синтаксис 2-го способа создания объекта и его свойств.

  • Новый объект создается через фигурные скобки {}.
  • В фигурных скобках указываем свойства объекта.
  • Свойствам присваиваются значения через двоеточие.

<script type="text/javascript">

var auto = { /* Создание объекта auto */
brand: "Hyundai", /* Создание свойства brand объекта auto и присвоение свойству значения */
year: 2010,
color: "Мокрый асфальт"
}

document.write("Марка моего автомобиля: " + auto.brand + "<br>");
document.write("Год выпуска: " + auto.year + "<br>");
document.write("Цвет: " + auto.color + "<br>");

</script>

2 Способа - Как обращаться к свойствам объекта?

2 Способа - Как обращаться к свойствам объекта?

К свойствам объекта также можно обращаться двумя способами.

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

Второй способ состоит в том, что название свойства заключается в квадратные скобки после имени объекта.

Кроме этого, при втором способе, название свойства (помимо скобок) заключается в кавычки (двойные или одинарные): [""] или ['']

var object = new Object;

object.property

object["property"]
object['property']

object - имя объекта
property - свойство объекта

<script type="text/javascript">

var auto = new Object; /* Создание объекта auto */

 

auto['brand'] = "Volkswagen"; /* СОЗДАЕМ свойство: его название ['brand'] заключено в ФИГУРНЫЕ СКОБКИ и ОДИНАРНЫЕ кавычки */

auto.year = 1989; /* СОЗДАЕМ свойство: его название year следует ЧЕРЕЗ ТОЧКУ после имени объекта */

auto.color = "Нептун";

 

document.write("Марка моего автомобиля: " + auto.brand + "<br>"); /* ОБРАЩАЕМСЯ к свойству: его название brand следует ЧЕРЕЗ ТОЧКУ после имени объекта */

document.write("Год выпуска: " + auto["year"] + "<br>"); /* ОБРАЩАЕМСЯ к свойству: его название ["year"] заключено в ФИГУРНЫЕ СКОБКИ и ДВОЙНЫЕ кавычки */

document.write("Цвет: " + auto.color + "<br>");

</script>

Дополнительно комментировать здесь что-либо не имеет смысла, так как комментарии есть в самом примере.

Главная Изучаем JavaScript Создание объекта Создание методов - Доступ через this

Ваши комментарии к уроку:

Комментариев нет...

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

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru