Главная › Новости

7 пунктов JavaScript, которые облегчат жизнь новичкам

Опубликовано: 07.05.2017

Our Miss Brooks: Conklin the Bachelor / Christmas Gift Mix-up / Writes About a Hobo / Hobbies

Изучение языка программирования может продолжаться вечно. Даже опытные разработчики постоянно открывают для себя новые нюансы использования синтаксических конструкций. В данном уроке мы представим несколько  моментов JavaScript, которые будут очень полезны для новичков.

NOLIGHT

Короткая запись

Одна из чудесных особенностей JavaScript - это короткая запись при объявлении объектов и массивов. Так, если нужно создать объект, то можно написать:

var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4;

Но тоже самое можно сделать и так:

var car = { colour:'red', wheels:4, hubcaps:'spinning', age:4 }

Получается короче и не нужно повторять имя объекта. В примере  car очень короткое имя, а если вы используете invalidUserInSession? Нужно помнить о ляпе такой записи в IE. Никогда не оставляйте замыкающей запятой перед закрывающейся фигурной скобкой, иначе у вас возникнут проблемы.

Для массивов тоже есть короткая запись. Так, приверженцы старой школы могут объявлять массив следующим образом:

var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers2','Avatar','Indiana Jones 4' );

Но есть более короткий вариант:

var moviesThatNeedBetterWriters = [ 'Transformers','Transformers2','Avatar','Indiana Jones 4' ];

Другой момент, который касается массивов, заключается в том, что нет такой сущности, как ассоциативный массив. Можно найти множество примеров, в которых выше приведенный объект car определялся бы следующим образом:

var car = new Array(); car['colour'] = 'red'; car['wheels'] = 4; car['hubcaps'] = 'spinning'; car['age'] = 4;

"Ассоциативный массив" - это  путающее название для объекта.

Еще одна короткая запись используется для условий. Так вместо следующего кода: