Question 1

Чим відрізняються var, let і const?

Accepted Answer

var має функціональну область видимості, а let і const блокову. Змінну var можна оголосити повторно, let і const у тій самій області ні. const не можна переприсвоїти, але вміст об'єкта чи масиву в ній змінювати можна. У сучасному коді за замовчуванням беруть const, а let лише коли значення змінюється.

Question 2

Що таке hoisting (підняття) у JavaScript?

Accepted Answer

Під час створення області видимості рушій реєструє оголошення до виконання коду. Оголошення функцій піднімаються повністю, тому їх можна викликати раніше за рядок оголошення. Змінна var піднімається зі значенням undefined. let і const теж реєструються, але до рядка оголошення перебувають у TDZ, і звернення до них кидає ReferenceError.

Question 3

У чому різниця між == і ===?

Accepted Answer

=== порівнює без приведення типів: значення мають бути одного типу і рівні. == спершу приводить операнди до спільного типу, тому 0 == "" і null == undefined дають true. Через неочевидні правила приведення майже завжди використовують ===. Виняток, який іноді лишають навмисно: x == null перевіряє одразу null і undefined.

Question 4

Що таке замикання (closure)? Наведіть приклад використання.

Accepted Answer

Замикання це функція разом із лексичним оточенням, у якому її створили. Вона має доступ до змінних зовнішньої функції навіть після того, як та завершилась. Так роблять приватний стан, наприклад лічильник, який повертає функцію increment. Також на замиканнях побудовані колбеки, фабрики функцій і мемоізація.

Question 5

Чим поверхнева копія об'єкта відрізняється від глибокої?

Accepted Answer

Поверхнева копія створює новий об'єкт верхнього рівня, але вкладені об'єкти лишаються спільними посиланнями. Її роблять через spread { ...obj } або Object.assign. Глибока копія рекурсивно копіює всі рівні, тому зміни у вкладених даних не впливають на оригінал. Для неї є вбудований structuredClone, а JSON.parse(JSON.stringify(obj)) втрачає функції, undefined і дати.

Question 6

Як працює event loop? Чим мікрозадачі відрізняються від макрозадач?

Accepted Answer

JavaScript виконує код в одному потоці через стек викликів, а асинхронні колбеки чекають у чергах. Після кожної макрозадачі (скрипт, setTimeout, подія) event loop повністю спорожнює чергу мікрозадач, лише потім бере наступну макрозадачу. Мікрозадачі це колбеки Promise.then, await і queueMicrotask. Тому Promise.resolve().then(...) спрацює раніше за setTimeout(..., 0).

Question 7

Від чого залежить значення this у функції?

Accepted Answer

У звичайній функції this визначається способом виклику: для obj.method() це obj, для простого виклику undefined у strict mode або глобальний об'єкт без нього. call, apply і bind задають this явно, а new прив'язує його до нового об'єкта. Стрілкова функція власного this не має і бере його з зовнішньої області. Тому метод, переданий як колбек, часто втрачає контекст.

Question 8

Як співвідносяться проміси та async/await? Як обробляти помилки й паралельні запити?

Accepted Answer

async/await це синтаксис поверх промісів: async функція завжди повертає проміс, а await чекає його результату без вкладених then. Помилки ловлять через try/catch навколо await або .catch у ланцюжку. Послідовні await виконуються по черзі, тому незалежні запити запускають разом через Promise.all. Якщо потрібні результати навіть після помилок, беруть Promise.allSettled.

Питання на співбесіді з JavaScript

Питання рівня Junior

1. Чим відрізняються `var`, `let` і `const`?

2. Що таке hoisting (підняття) у JavaScript?

3. У чому різниця між `==` і `===`?

4. Що таке замикання (closure)? Наведіть приклад використання.

5. Чим поверхнева копія об'єкта відрізняється від глибокої?

Питання рівня Middle

1. Як працює event loop? Чим мікрозадачі відрізняються від макрозадач?

2. Від чого залежить значення `this` у функції?

3. Як співвідносяться проміси та `async/await`? Як обробляти помилки й паралельні запити?

Тренуй ці питання

Відповідай уголос і отримуй оцінку

Інші теми

Розділи платформи