Онлайн-компилятор и песочница JavaScript

Ваша приватная песочница JavaScript. Код остаётся в браузере и не покидает устройство. Учитесь, тестируйте, прототипируйте!

Делитесь и учитесь

• Безопасный шаринг - Делитесь кодом с помощью ссылок с ограниченным сроком действия и опциональной защитой паролем.
• ИИ-объяснения - ИИ-помощник объясняет, как работает код, чтобы было проще учиться и понимать.
• ИИ-код-ревью - ИИ-ассистент проверяет код на ошибки, оценивает читаемость и предлагает улучшения.

О JavaScript

JavaScript — язык программирования веба. Это универсальный высокоуровневый язык, который работает в браузерах и делает страницы интерактивными. С современными фреймворками JavaScript используется для создания богатых интерактивных приложений.

Почему JavaScript?

• Универсальный — работает в каждом браузере без установки
• Гибкий — фронтенд, бэкенд, мобильная и десктопная разработка
• Богатая экосистема — npm — крупнейший реестр пакетов в мире
• Событийная модель — отлично подходит для интерактивных приложений
• Большое сообщество — много ресурсов и поддержка сообщества

Типичные задачи

• Интерактивные веб-страницы
• Одностраничные приложения (React, Vue, Angular)
• Веб-API и сервисы
• Расширения для браузера
• Разработка игр
• Визуализация данных

Пример для старта

Вот простой JavaScript-пример:

// Вывести «Привет, мир»
console.log("Привет, мир!");

// Переменные и типы данных
const name = "JavaScript";
let version = "ES2024";
var isAwesome = true;

console.log(`${name} ${version} — это круто: ${isAwesome}`);

// Массивы и циклы
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => {
  console.log(`Число: ${num}`);
});

// Функции
function greet(name) {
  return `Привет, ${name}!`;
}

console.log(greet("Developer"));

Особенности JavaScript

• Динамическая типизация — переменные могут хранить любые типы данных
• Функции первого класса — функции являются объектами и передаются как значения
• Прототипное наследование — объекты наследуются от других объектов
• Замыкания — функции могут обращаться к переменным внешней области видимости
• Async/Await — современная асинхронная модель
• Модули — система модулей ES6 для организации кода

Современный JavaScript (ES6+)

• Arrow Functions
• Template Literals
• Destructuring
• Spread/Rest Operators
• Promises and Async/Await
• Classes

Полезные ссылки

• MDN Web Docs