Перенос строки на языке Javascript

Переносы строк в Javascript необходимо делать, придерживаясь некоторых правил. Если не учитывать их, то в ходе программы всплывают ошибки и выполнение скрипта прервется. Существует 2 типа переноса строк:

  1. Перенос исполняемой строки кода.
  2. Перенос строки, как результат выводимых данных (форматирование).

С последним типом все проще. Это тип форматирование данных на вывод информации из метода, функции и прочего. Здесь все зависит от типа задачи (<br/>, \n и так далее). Вот с первым типом могут возникнуть проблемы, хотя на первый взгляд он тоже может показаться простым. Рассмотрим все детально.

Для чего требуется перенос строк

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

Еще одна распространенная проблема – такой код непросто распечатать. То есть он может распечататься только в видимой части или распечатается так, что его нельзя будет прочитать.

Существует два способа переноса строки кода:

  1. С помощью символа обратного слеша «\».
  2. Разрыв выполняемого кода при помощи знака плюс «+».

Обратный слеш указывается исключительно внутри кавычек, тогда как символ знака «+» наоборот, лишь за пределами кавычек.

Приведем пример с символом обратного слеша:

<script type=’text/javascript’>
var print=»<a href=’https://sageleo.com/’ title=» \
target=’_blank’>»;
alert(print);
</script>

Пример c символом знака плюс:

<script type=’text/javascript’>
var print=»<a href=’https://sageleo.com/’ title=» «+
«target=’_blank’>»;
alert(print);
</script>

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

При первом типе переноса строки (\,+) на выходе (к примеру, на печать в диалоговое окно) в двух случаях будет одна строка. При втором типе (<br/>,\n) каждый разрыв строки будет напечатан с новой строки.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *