JS CORE

Question 1

Які існують типи даних у JS?

Answer 1

Примітивні: string, number, symbol, boolean, null, undefined, bigint

Непримітивний: object

Question 2

Як перевірити, чи об’єкт є масивом?

Answer 2

Array.isArray()

Question 3

Як перевірити, чи число є скінченним?

Answer 3

isFinite(number)

Question 4

Як перевірити, що змінна рівна NaN?

Answer 4

isNaN(variable)

Question 5

Чим відрізняється поведінка isNaN() та Number.isNaN()?

Answer 5

Перше конвертує, друге ні

Question 6

Порівняйте ключові слова var, let, const.

Answer 6

Порівняйте ключові слова var, let, const.

Question 7

Що таке область видимості?

Answer 7

Область яка говорить про те де можна використати змінну

Question 8

Що таке деструктуризація?

Answer 8

Процес розгортання масиву, або об’єкту з можливістю присвоєння до змінних

Question 9

Для чого призначені методи setTimeout і setInterval?

Answer 9

Викликає ф-цію після затримки. setTimeout - викликає один раз, і setInterval - викликає інтервально

Question 10

Порівняйте підходи роботи з асинхронним кодом: callbacks vs promises vs async/await.

Answer 10

Callback - функція, передана як аргумент іншій функції, для виконання пізніше.

Promise - об’єкт, який представляє результат асинхронної операції, яка може бути виконана або відхилена.

Async/await - синтаксис для роботи з promises, що робить асинхронний код схожим на синхронний.

Question 11

Назвіть методи масивів, які пам’ятаєте, і скажіть, для чого вони потрібні.

Answer 11

push, pop, shift, unshift, slice, forEach

Question 12

Які перебираючі методи масиву знаєте? У чому їхня відмінність?

Answer 12

map, filter, reduce, some, any
Map повертає новий масив значень
Filter порівнює значення і якщо тру повертає новий масив
Reduce повертає акамульоване значення
Some перевіряє чи є значення

Question 13

Опишіть призначення і принципи роботи з колекціями Map і Set.

Answer 13

Map – це колекція ключ/значення, як і Object. Але основна відмінність полягає в тому, що Map дозволяє мати ключі будь-якого типу.

Set - це list унікальних значчень

Question 14

Що означає глибока (deep) та поверхнева (shallow) копія об’єкта? Як зробити кожну з них?

Answer 14

Deep cloning - cтворює копію об’єкта та всіх вкладених об’єктів. stringify and then parse

Shallow cloning - створює копію об’єкта, але не копіює його вкладені об’єкти. (Object.assign({}, obj)

Question 15

Який буде результат виконання коду?
let firstObj = { name: ‘Hello’ };
let secondObj = firstObj;
firstObj = { name: ‘Bye’ };
console.log(secondObj.name);

Answer 15

Hello

Question 16

Що таке temporal dead zone?

Answer 16

Зона між початком block scope до ініціалізації змінної

Question 17

Як працює boxing / unboxing у JavaScript?

Answer 17

Процес обгортання примітивного значення в об’єкт. Щоб unbox треба використовувати valueOf

Question 18

У чому різниця між оператором in і методом hasOwnProperty?

Answer 18

in: Перевіряє, чи є властивість в об’єкті або його прототипі.
hasOwnProperty: Перевіряє, чи є властивість без урахування прототипу.

Question 19

Опишіть, за допомогою чого в JS реалізуються такі ООП-парадигми, як інкапсуляція, поліморфізм, абстракція?

Answer 19

Наслідування: за допомогою прототипного наслідування. Кожний об’єкт має прототип, який може бути іншим об’єктом чи null
Інкапсуляція: за допомогою замикань та областей видимості
Поліморфізм: створення різних наслідуючих класів з одним і тим самим методом, але різними визначеннями цього методу
Абстракція: за допомогою класів (функцій контруктор)

Question 20

Що таке прототип? Як працює прототипне наслідування в JS?

Answer 20

Усі об’єкти JavaScript успадковують властивості та методи від прототипу
Кожен об’єкт має __proto__. Лише функції та класи мають prototype
__proto__ відноситься до prototype об’єкта (функції/класу), з якого його було створено

Question 21

Яка різниця між композицією та наслідуванням?

Answer 21

Композиція досягається вкладенням одного обєкту класу в інший. Наслідування створює новий клас на основі іншого

Question 22

Чому не варто використовувати конструктори типу new String?

Answer 22

Створюэться об’єкт, а не примітив, тобто наприклад при поріняні буде видавати false

Question 23

Принципи ооп

Answer 23

Інкапсуляція - можливість ховати непотрібну інформацію і імплементацію в контрольований спосіб. Розділяючи внутрішній інтерфейс від зовнішнього
Поліморфізм - використання методів з однаковою назвою, перезавантаження, інтерфейси
Абстракція - визначення спільного інтерфейсу, ігноруючи конкретні деталі реалізації
Наслідування - створення нового класу на основі іншого класу. Новий клас успадковує методи та властивості базового класу, та може розширювати його.

Question 24

Чому typeof null повертає object?

Answer 24

Істориччна помилка. Мітка типу даних вказувала на 000 - object

Question 25

Що таке приведення (перетворення) типів у JS?

Answer 25

Зміна типу з одного на інший

Явне за допомогою Number() String() …
Неявне в залежності від контексту використання 5+”10”

Question 26

Що таке Garbage Collector?

Answer 26

Механіз, який відповідає за автоматичне видалення об’єктів, які більше не використовуються або не доступні.
Працює за механізмом Mark and Sweep
Маркує об’єкти які можна досягти, і видаляє недосяжні

Question 27

Опишіть призначення і принципи роботи з колекціями WeakMap і WeakSet? Чим вони відрізняються від колекцій Map і Set відповідно?

Answer 27

Weak map - ключі мають бути об’єктами, Weak set - значення мають бути об’єктами

• В Map і Setелементи утримуються сильними посиланнями, і вони не видаляються автоматично з пам’яті.
• В WeakMap і WeakSet об’єкти використовуються через слабкі посилання, і вони можуть бути видалені з пам’яті, якщо немає інших сильних посилань на них.

Question 28

Чим відрізняється Observable від Promise?

Answer 28

Проміс можуть обслуговувати тільки одни асинхроний івент, обзервебел з багатьма

Question 29

Розкажіть про послідовне і паралельне виконання асинхронних функцій. У чому різниця між Promise.all() і Promise.allSettled()?

Answer 29

Promise.all() - паралельно виконує проміси, повертає результат всіх виконаних промісів, або перше відхилиння

Promise.allSettled() - паралельно виконує проміси, повертає результат всіх виконаних або не виконаних промісів

Question 30

Що таке дескриптори властивостей об’єктів? Розкажіть про їхнє практичне застосування.

Answer 30

Це об’єкти, які містять інформацію про характеристики конкретної властивості. Дескриптори:

• value
• writable
• configurable- якщо тру то модна видаляти, або змінювати
• enumerable
• get
• set

Question 31

Назвіть кілька способів створення незмінного об’єкта в JavaScript.

Answer 31

Object.freeze(), або скопьювати в нову змінну (…, Object.assign, stringify), у всіх властивостей встановити дескриптор на рідонлі

Question 32

Навіщо потрібен конструктор Proxy? Наведіть приклад використання.

Answer 32

Об’єкт обгордка який перехоплює хендлери (get, set, apply, construct), і може змінювати їх

Question 33

Розкажіть про генератори та ітератори.

Answer 33

Генератори - це функції в JavaScript, які можуть бути призупинені та відновлені під час виклику.
function* для стоврення генератора. yield для повернення значення
Ітератор - це об’єкти, які мають метод next(), який повертає об’єкт з властивістю value

Question 34

Що таке Symbol?

Answer 34

Symbol в JavaScript - це примітивний тип даних, що представляє собою унікальний ідентифікатор.

Question 35

Що таке hoisting?

Answer 35

Всі оголошення переміщуються на гору поточної області видимості.

• var піднімається і стає undefined, якщо не була ініціалізована
• let i const піднімаються і залишаються в стані не ініціалізованому
• функції піднімаються і можуть бути викликані будь де
• анонімні і стрілочні не піднімаються

Question 36

Що таке scope (Область видимості) і які бувають види?

Answer 36

Блочна область видимості - змінні let і const всередині фігурних скобок { }. Var не має блочного scope
Область видимості функції - змінні всередині функції
Глобальна область видимості - змінні поза функції

Question 37

Контекст і this

Answer 37

this keyword refers to an object. Which object depends on how this is being invoked

In an object method, this refers to the object.
Alone, this refers to the global object.
In a function, this refers to the global object.
In a function, in strict mode, this is undefined.
In an event, this refers to the element that received the event.
Methods like call(), apply(), and bind() can refer this to any object.

Question 38

Різниця між function declaration and arrow function

Answer 38

1. Синтаксис
2. function this - визначаєтся в момент виклику
   arrow this - не має свого контексту, тому успадковують контекст в якому були створені
3. Arrow не має об’єкту arguments
4. Arrоw не можна бути використана як конструктор
5. Not hoisted не можуть бути визвані до того як вони задекларовані

Question 39

Що таке closure? І для чого вона існує?

Answer 39

Замикання (Closure) - це функція, яка має доступ до області видимості батьківської функції, навіть після закриття батьківської функції. Це можливість JavaScript створювати приватні змінні.

Для використання замикання слід оголосити функцію всередині іншої функції і повернути її. Для викриття функції слід повернути її або передати її в іншу функцію.

Лексичне середовище (Lexical Environment) - це об’єкт, який зберігає інформацію про локальну область видимості та область видимості батьківської функції.

Question 40

Різниця між Contructor and Function Factory

Answer 40

Функції-фабрики та конструктори - це функції, які допомагають створювати об’єкти.

Відмінність полягає в тому, що конструктор використовується з ключовим словом new, яке додає this всередину функції і повертатає об’єкти. Фабрична функція, з іншого боку, це просто функція, яка повертає об’єкти.

Крім того, конструктори дозволяють створювати приватні функції за допомогою об’єкта прототипу.

Question 41

Яка різниця між декларацією функції (function declaration) та функціональним виразом (function expression)?

Answer 41

Різниція в синтаксисі, а також в тому що function declaration is hoisted, function expression - no. So first can be called even before declaration, another one not

Question 42

Що таке рекурсія?

Answer 42

Це коли ф-ція викликає саму себе поки не досягне базового випадку якій зупиняє її

Question 43

Що означає ключове слово this?

Answer 43

Вказує на обє’кт, до якого відноситься поточний код

Question 44

Що таке втрата контексту, коли відбувається і як їй запобігти?

Answer 44

this втрачає зв’зок з обє’ктом.
Це може статися при використанні стрілкових ф-цій, виклик ф-ції з методу
Уникнути можна стрілкові bind, apply, call

Question 45

Методи функцій bind / call / apply — навіщо і в чому різниця?

Answer 45

Для надання контектсу this
bind - прив’язує контекст
apply - прив’язує контекст і викликає ф-цію. Передається масив аргументів
call - прив’язує контекст і викликає ф-цію. Передаються аргументи через кому

Question 46

Поясніть, що означає currying. Наведіть приклад використання на практиці.

Answer 46

Функція з багатьма аргументами перетворюється на послідовність функцій, кожна з яких має тільки один аргумент.

Question 47

Що таке мемоізація

Answer 47

Техніка кешування результатів виклику ф-цій. Може бути використана для запам’ятання складних операцій

Question 48

Що таке чейнінг

Answer 48

Можливість послідовного виклику ф-цій на тому самому об’єкті. Досягається шляхом поверненя цього ж об’єкту знову