«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих


До сих пор мы изучали уже имеющиеся в 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

Отлично

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Еще об объектах
Последние заметки
Популярные заметки