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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать

Как в javascript получить реальные размеры картинки (тег img)

Сентябрь 17, 2018 г.

Довольно часто картинка на странице показывается в масштабе, и при попытке определить её размеры из скрипта вы получите размер контейнера, а не самой картинки. Разберемся как получать реальные размеры изображения. В общем, нет особых хитростей. ...

Читать

Раздвигающееся вертикальное меню Drupal 6

Сентябрь 7, 2013 г.

Эта задача из разряда useability. Drupal может штатно создавать блоки вертикальных иерархических меню. Неудобным будет тот случай, когда мы хотим попасть на страницу в глубине иерархии этого меню. Нам придется последовательно заходить на родительские ...

Читать

Связанные списки select с получением данных по ajax

Декабрь 15, 2016 г.

В прошлый раз я показывал как можно "на лету" создавать списки html select, данные которых содержались в специальном javascript массиве. Подготовить такой ...

Читать
 

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

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



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