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

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

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

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

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

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

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

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

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

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

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

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

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

Июнь 21, 2025 г.

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

Читать

Найти элемент по его классу в HTML на чистом js

Май 4, 2020 г.

Немного ванильного js, на этот раз: как найти контейнер по указанному классу. Сразу рассмотрим более сложный пример, когда требуется найти элемент с классом .class-child внутри элемента .class-parent. В DOM мы используем функцию element.getElementsByClassName(CLASSNAME), ...

Читать

Преодоление кросс-доменности в iframe

Январь 14, 2018 г.

Дочерние документы не могут самостоятельно читать данные из родительского фрейма,  если тот находится на другом домене. Возможны исключения для под-доменов одного и того же доменного имени. Все это связано с мерами безопасности и т.п. чепухи. :). Для ...

Читать

Создаём ripple эффект

Апрель 29, 2017 г.

Ripple эффект - это анимация, визуально напоминающая расходящийся круг. Иногда накладывают несколько эффектов сразу и это выглядит как расходящиеся круги ...

Читать
 

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

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



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