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

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

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

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

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

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

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

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

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

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

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

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

Смещение карты только при двойном касании в Leaflet

Июнь 13, 2018 г.

На мобильных устройствах с сенсорным экраном обычно нет такого элемента ввода информации как мышь и соответствующих событий - mousewheel. Все манипуляции производится касаниями к экрану. Листая касанием одного пальца, вы прокручиваете веб-страницу, ...

Читать

Как сделать кликабельные ссылки внутри SVG при использовании Fancybox

Июнь 21, 2025 г.

Когда вы используете Fancybox для отображения изображений, SVG и других медиа-объектов, возникает интересная проблема: если внутри SVG находятся ссылки (<a>), они перестают работать. Почему? Потому что Fancybox «перехватывает» клик, и вы не попадаете ...

Читать

Инициировать скачивание файла без обращения к серверу, используя js

Июль 31, 2023 г.

Если файл генерируется на фронт-енд, то как инициировать скачивание файла в js? Давайте посмотрим. Скачивание инициируется после нажатия пользователем на ссылку в браузере. Потому мы создадим элемент ANCHOR и выполним клик по нему. Так как ...

Читать

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

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

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

Читать
 

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

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



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