Многострочные константы в js

JavaScript в web был когда то всего лишь приятным дополнением. А сейчас сложно найти сайт, который не использует скрипты.

А если уж часть шаблона формируется скриптом, то без много-строчных констант не обойтись. Но в javascript с ними не так все просто, как в привычных вам языках программирования. Переход на другую строку означает для js — окончание текущей инструкции, а «;» нужна, только если вы пишите несколько команд в одной строке. Но я думаю вы не лепите несколько команд в одной строке, но все равно ставите «;» в конце команды :).

Так что если вы напишите:

То в консоли увидите сообщение об ошибке:

Разбиваем построчно

Как же тогда быть? Самое простое, что приходит на ум:

Это работает, но есть ещё один способ.

Перенос строковой константы

Нужно подсказать интерпретатору, что вы не закончили команду в текущей строке. Сигнализирует об этом обратный слеш в конце строки. Т.е. верно вот так:

Символ \n — новая строка, я добавил только для того, чтобы фразы не слиплись, например, если вы их показываете функцией alert().

Мало букафф? Читайте есчо !

Кнопка "Вверх" с анимацией прокрутки окна

Февраль 16, 2020 г.

Ставший уже привычным элемент навигации внутри страницы - кнопка "Вернуться к началу страницы". Разберем как реализовать эту функцию. План следующий: Создать HTML код кнопки; (БОНУС) Прятать кнопку, если мы и так уже в самом верху страницы. ...

Читать

Переменные окружения React для dev и prod

Сентябрь 15, 2023 г.

Если вы разрабатываете SPA на Reactjs, используя npx create-react-app my-app команду для создания проекта, то в коробке вы получаете множество полезных ...

Читать

Как избежать изменения позиции scroll в документе после установки #hash

Февраль 21, 2020 г.

При установке значения hash в url окна, к примеру так: window.location.hash = '#something'; браузер прокрутит документ до позиции элемента вида <a name='something'></a>. Иногда такое поведение является не желательным. После изменения позиции ...

Читать

Проверка checkbox состояния checked, jQuery

Февраль 19, 2020 г.

Шаблон для проверки состояния элемента input[type='checkbox']. Код проверяет отмечен элемент или нет. [crayon-69d3cefd54ac3286125355/] Проверка выполняется с помощью метода is(), который читает в данном случае не атрибуты тега input, а именно ...

Читать
 

Комментарии к «Многострочные константы в js»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: