Аналог функций Echo/Print из PHP в JavaScript: Изучаем вывод на экран

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

Сегодня мы рассмотрим аналог функций Echo/Print – две основные функции в PHP, которые используются для вывода данных на экран. Мы посмотрим, как мы можем реализовать эти функции на JavaScript и использовать их в своих проектах.

Что такое функции Echo/Print в PHP

Аргументы echo и print в PHP имеют одну основную цель: отправку значения на экран. Если нужно представить веб-страницу с данными из базы данных, наиболее вероятный способ получения этих данных – использование функций echo и print.

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

Как использовать функции Echo/Print в JavaScript

Функции echo и print в PHP автоматически отправляют текст на экран без необходимости присваивания значения переменной. В JavaScript нет такого автоматического процесса, но его легко достичь следующим образом:

console.log()
document.write();

Метод console.log() выводит значение в консоль браузера, в то время как document.write() используется для вывода текста на портале в том же формате, что и при условии использования функций echo и print в PHP.

Ниже мы покажем несколько примеров, демонстрирующих, как использовать функции console.log() и document.write() как альтернативу функциям echo и print в PHP.

Примеры использования функции console.log() в JavaScript

const name = 'John';
console.log('Привет человек, тебя зовут ' + name);
console.log(`Привет, человек, тебя зовут ${name}`);

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

Примеры использования document.write()

document.write('Привет человек, тебя зовут John');
document.write('Привет человек, тебя зовут ' + name);

Включив этот код в веб-сайт, вы увидите оба сообщения на экране веб-страницы.

Вывод

Мы посмотрели, как использовать функции console.log() и document.write() в JavaScript в качестве альтернативы возможностям echo и print в PHP. Для использования возможностей были приведены примеры кода, которые можно включить в веб-страницу, чтобы протестировать функции.