Инструменты разработчика

Песочница JavaScript

Выполните фрагмент JavaScript и посмотрите вывод console.log, console.warn, console.error и ошибки с номерами строк. Код работает в изолированной песочнице: у него нет доступа к странице, cookie и хранилищам сайта и к сети. Бесконечный цикл не повесит вкладку — выполнение остановится по истечении времени. Код не отправляется на сервер.

Код JavaScript

// Код выполняется в изолированной песочнице браузера.
const users = [
  { name: 'Анна', age: 28 },
  { name: 'Борис', age: 35 },
];

console.log('Пользователей:', users.length);
console.table(users.map((user) => user.name));

const sum = (...numbers) => numbers.reduce((total, n) => total + n, 0);
console.info('Сумма:', sum(1, 2, 3, 4));

await new Promise((resolve) => setTimeout(resolve, 300));
console.warn('Прошло 300 мс');

Можно использовать await на верхнем уровне. Tab — отступ, Ctrl+Enter — запуск, Esc и затем Tab — выйти из поля.

Ограничение времени

Для работы инструмента включите JavaScript в браузере.

Инструмент работает в вашем браузере: введённые данные никуда не отправляются.

Как пользоваться

Введите или вставьте код.
Выберите ограничение времени.
Нажмите «Выполнить» или Ctrl+Enter. Долгий код можно прервать кнопкой «Остановить».

Вопросы и ответы

Что недоступно в песочнице?

DOM страницы (document, window), cookie, localStorage, сетевые запросы (fetch, XMLHttpRequest, WebSocket), загрузка скриптов. Доступны язык целиком, таймеры, Promise и async/await, Math, Date, JSON, Intl, crypto.getRandomValues и другие встроенные объекты.

Что будет с бесконечным циклом?

Код выполняется в отдельном потоке (Web Worker). Когда истекает время, поток уничтожается, а страница продолжает работать.

Почему код с setInterval не завершается сам?

Песочница ждёт, пока не останется запланированных таймеров. Интервал без clearInterval работает до ограничения времени или до нажатия «Остановить».

Рабочая область

Как пользоваться

Вопросы и ответы