Первая программа и ввод-вывод (консоль, уведомления в браузере)
Напишите свои первые небольшие программы и попрактикуйтесь во вводе-выводе: выводите данные в консоль в любой среде выполнения и показывайте уведомления в браузере.
«Первая программа и ввод-вывод (консоль, уведомления в браузере)» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 3 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.
Введение
Цель: выводить сообщения понятно и безопасно. Вы будете использовать console.log везде, а alert — в браузере.
- Небольшая программа
- Основы консоли
- alert с резервным вариантом
Первый вывод в консоль
Создайте простую функцию, вызовите её и выведите результат с помощью console.log.
// A tiny first program
function hello(name) {
return "Hello, " + name + "!";
}
const message = hello("Coder");
console.log(message);
Понятные сообщения консоли
Короткие строки с поясняющими метками легче просматривать на небольших экранах.
// Keep logs short and labeled for mobile
const level = 1;
const user = "Ayla";
console.log("User:", user);
console.log("Level:", level);
Чистая функция и вывод
Чистые функции возвращают значения без побочных эффектов; они идеально подходят для простого вывода.
// Pure function: predictable output
function add(a, b) {
return a + b;
}
const total = add(2, 3);
console.log("Total:", total);
Оповещение с резервным вариантом
alert доступен только в браузере; всегда предусматривайте резервный вывод через console.log.
// Use alert in browsers; fall back to console elsewhere
const text = "Welcome to JavaScript!";
const canAlert = typeof alert === "function";
if (canAlert) {
alert(text);
} else {
console.log(text);
}
Советы по вводу и выводу
Советы:
- Предпочитайте одно значение в строке.
- Используйте понятные метки, например "Итого:".
- Проверяйте наличие возможностей перед вызовом браузерных API.
Проверка вывода в разных средах выполнения
Быстрая проверка: вывод в разных средах выполнения.
Повторение
Повторение: Вы написали небольшие программы, вывели понятные сообщения и использовали alert с безопасным резервным вариантом для поддержки любой среды выполнения.
Часто задаваемые вопросы
Урок «Первая программа и ввод-вывод (консоль, уведомления в браузере)» бесплатный?
Да — полный текст урока «Первая программа и ввод-вывод (консоль, уведомления в браузере)» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.
Чему я научусь в уроке «Первая программа и ввод-вывод (консоль, уведомления в браузере)»?
Напишите свои первые небольшие программы и попрактикуйтесь во вводе-выводе: выводите данные в консоль в любой среде выполнения и показывайте уведомления в браузере. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать JavaScript Academy?
Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 3.
Сколько времени занимает урок «Первая программа и ввод-вывод (консоль, уведомления в браузере)»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке JavaScript Academy?
Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Что такое JavaScript? Движки (V8/SpiderMonkey) и среды выполнения (браузер и Node)
- Настройка: Node и npm, запуск файлов .js, консоль DevTools
- Первая программа и ввод-вывод (консоль, уведомления в браузере)