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

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

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

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

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

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

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

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

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

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

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

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

Делаем эффект параллакса для заднего фона на сайте

Октябрь 19, 2015 г.

Очень простая мулька, но выглядит при соответствующем фоне потрясающе. Сделаем так, чтобы при скроллинге страницы, фон двигался вдвое медленнее, создавая что то вроде эффекта параллакса. Этот кусочек скрипта привязывает нас к событию onscroll окна. ...

Читать

Улучшаем реакцию меню

Апрель 28, 2016 г.

Pull-down - выпадающим меню, работающим на javascript, никого не удивить. Мне не нравится, что оно закрывается мгновенно, как курсор мыши выходит за край выпавшей секции. Немного промахнешься (особенно это часто случается с последними пунктами), и меню ...

Читать

Анимация ожидания загрузки/обновления, используя CSS3

Октябрь 26, 2015 г.

Одна из типичных задач для улучшения пользовательского интерфейса на сайтах - это визуализация ожидания загрузки/обновления страницы. Наиболее частый случай ...

Читать

Фильтрация тегов на уровне плагина в CKEditor 5

Апрель 7, 2025 г.

Плагин DataFilter позволяет управлять фильтрацией HTML тегов. Он является "родным" для CKE плагином, так что ничего дополнительно устанавливать не нужно. Рассмотрим как им можно управлять на уровне кастомного плагина. Допустим, вы хотите разрешить ...

Читать
 

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

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



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