This article is currently in the process of being translated into Russian (~99% done).
Hello, world!
Исторически так сложилось, что каждый учебник по программированию должен начинаться с примера "Hello, world!". Результатом этого примера будет просто вывести пользователю сообщение с текстом "Hello, world!", без обработки ввода или чего-либо ещё. Эта традиция уходит корнями в 1974 год, когда до изобретения JavaScript оставалось ещё 20 лет, тем не менее это руководство также начнётся с примера "Hello, world!".
Теперь, благодаря JavaScript, мы можем выводить сообщения во многих местах, в зависимости от используемого движка JavaScript. Например, если вы будете запускать пример в браузере, то можно использовать функцию alert() для показа сообщения:
alert("Hello, world!");Попробуйте запустить этот пример и вы получите красивое всплывающее сообщение со всемирно известным приветствием миру. Как и говорилось ранее, это руководство будет начинаться без упора на браузер, но хочется напомнить, что если встроить этот код в HTML файл, то он должен находиться внутри тэга SCRIPT, как здесь:
<script>
alert("Hello, world!");
</script>Hello, webpage!
Пока не забыли, посмотрим другой пример, где JavaScript встроен в реальную (хоть и простую) веб-страницу, чтобы получить представление как это работает:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<p>And now for the world famous message:</p>
<script>
document.write("Hello, world!");
</script>
<p>Thank you, and goodnight!</p>
</body>
</html>Попробуйте запустить этот пример, можно прямо из статьи или можно сохранить как .html файл на свой компьютер и открыть в браузере.
Не пугайтесь множества HTML тэгов, это всего лишь базовая структура веб-страницы и немного текста. Вместо этого обратите внимание на блок со скриптом посреди страницы. Он нужен, чтобы интегрировать кусок JavaScript кода прямо в код HTML (в основном в центре страницы) и использовать функцию document.write(), чтобы поместить текст среди основного контента.
Hello, console!
Примите во внимание, что document.write() это специфическая браузерная функция, так что если запустить её в Node.js, то, вероятнее всего, она не сработает. Вместо этого можно использовать функцию, работающую на большинстве JavaScript движков: console.log()
console.log("Hello, world!");Если вызвать эту функцию в браузере, то можно зайти в консоль разработчика и прочитать сообщение. Как попасть туда зависит от используемого браузера, всегда можно попробовать нажать F12 - если не сработало, то почитать эту статью, где объясняется как в разных браузерах получить туда доступ.
Заключение
Разобравшись с обязательным примером "Hello, world!", мы готовы двигаться дальше и узнать больше о JavaScript.