Встречается на собеседованиях • сегодня

Как из одной вкладки приложения передать информацию в другую

Для передачи данных между вкладками можно использовать:

LocalStorage/SessionStorage + событие storage:

// Вкладка 1
localStorage.setItem('message', 'Hello!');

// Вкладка 2
window.addEventListener('storage', (e) => {
  if (e.key === 'message') {
    console.log(e.newValue); // 'Hello!'
  }
});

BroadcastChannel API (более современный способ):

// Вкладка 1
const channel = new BroadcastChannel('app_channel');
channel.postMessage({ type: 'update', data: 'Hello!' });

// Вкладка 2
const channel = new BroadcastChannel('app_channel');
channel.onmessage = (e) => {
  console.log(e.data); // { type: 'update', data: 'Hello!' }
};

SharedWorker (для сложных сценариев)
window.postMessage (если вкладки связаны через window.open)

Лучше всего использовать BroadcastChannel, так как он специально создан для этой цели и работает быстрее, чем storage-события.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы