Далее на странице...
До сих пор мы изучали уже имеющиеся в JavaScript объекты и их методы.
Но в JavaScript есть возможность создавать свои объекты и придумывать для них свойства.
Свойства - это значения, связанные с объектом.
А методы - это функции (действия), связанные с объектом (см. в следующей заметке создание методов).
Существует два способа создания объектов. Рассмотрим их далее.
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-ой способ создания объекта в 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 Способа
В JavaScript существует два способа обращения к свойствам объекта.
Первым способом мы обращались к свойствам объекта ранее - в примерах выше, то есть через точку .
Второй способ состоит в том, что название свойства заключается в квадратные скобки после имени объекта.
Кроме этого, при втором способе, название свойства (помимо скобок) заключается в кавычки (двойные или одинарные): [""] или [''].
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>
Дополнительно комментировать здесь что-либо мы не будем, так как комментарии есть в самом примере.
Дата: 2019-02-23
Отлично