javascript

Question 1

Какие типы данных присутствуют в JavaScript?

Answer 1

Существует 8 типов данных. 7 примитивных и 1 сложный тип данных. Примитивные типы: number, string, boolean, symbol, bigInt, null, undefined. Сложный тип - object. Он используется для коллекций данных и для объявления более сложных сущностей. Также он передается по ссылке, а простые типы данных по значению

Question 2

Что такое NaN?

Answer 2

Глобальное свойство NaN является значением, представляющим не-число (Not-A-Number). Его тип данных number. NaN не равен самому себе. Проверку на NaN можно сделать с помощью Number.isNaN(значение)

Question 3

В чем разница между null и undefined?

Answer 3

undefined (неопределенный) представляет собой значение по умолчанию:
1 - переменной, которая обьявлена без инициализации;
2 - функции, которая ничего не возвращает явно;
3 - несуществующего свойства объекта.
null - это значение «отсутствия значения». Присваивается переменной явно.

Question 4

Чем отличается строгое и не строгое равенство (=== и ==)?

Answer 4

Строгое сравнивает значения по типу данных и значению
Не строгое приводит значения к одному типу а потом эти значения сравнивает.

Question 5

Почему результатом сравнения двух похожих объектов является false?

Answer 5

Потому что объекты - это ссылочные типы данных. 2 одинаковы с виду объекта имеют разные ссылки, и поэтому операция сравнения будет возвращать false.

Question 6

Как проверить 2 объекта на идентичность?

Answer 6

1 - использовать JSON.stringify для приведения объектов в строку и сравнить их уже как 2 строки. Такой подход имеет ограничения. Если в объекте будут методы или symbol - JSON.stringify не сможет конвертировать их в строку.
2 - написать или использовать из библиотеки функцию deepEqual которая будет проходить циклом по ключам двух объектов и будет проверять значение этих ключей. Функция должна работать рекурсивно.

Question 7

Как сделать копию объекта?

Answer 7

Существует понятие глубокого и поверхносного копирования. Глубокое - это копирование объекта и все его уровней вложенности. Поверхносное - это коприрование только первого уровня вложенности, а для остального копируется ссылка.
Способы поверхностого копирования:
1 - использовать spread оператор (…)
2 - использовать Object.assign()

Способы глубокого копирования:
1 - использовать JSON.stringify - JSON.parse для конвертирования объектва в строку и потом обратно. Имеет ограничения по копированию методов и symbols
2 - написать или использовать из библиотеки функцию deepClone которая будет рекурсивно проходить по ключам объекта и копировать их в новый объект

Question 8

Чем отличаются переменные var, let и const?

Answer 8

“var - переменную можно объявить после инициализации, можно изменять, имеет функциональную область видимости, имеет hoisting. Сейчас почти не используют при написании нового кода
let - переменную можно инициализировать после обьявления, можно изменять, имеет блочную область видимости, не имеет hoisting
conts - переменную обязательно нужно инициализировать во-время объявления, нельзя изменять, имеет блочную область видимости, не имеет hoisting

Question 9

Как узнать является ли объект массивом?

Answer 9

Для этого можно использовать метод Array.isArray().

Question 10

Какие перебирающие методы массивов вы знаете?

Answer 10

Есть следущие методы:
- forEach – для перебора массива.
- filter – для фильтрации массива.
- every – для проверки массива.
- map – для трансформации массива в массив.
- reduce/reduceRight – для прохода по массиву с вычислением значения.
- sort - сортирует массив
- find/findLast/some/findIndex/findLastIndex

Question 11

Как объединить массивы?

Answer 11

1 - Можно использовать метод concat()
2 - Можно использоваться оператором spread и распылить эти массив в 1 один общий массив

Question 12

Как узнать находится ли элемент в массиве?

Answer 12

1 - Использовать метод includes, который возвращает true если элемент находиться в массиве
2 - Использовать метод indexOf/lastIndexOf который возвращает индекс найденного элемента в массиве или -1 если элемента в массиве нет

Question 13

Что такое поднятие (hoisting) ?

Answer 13

Это механизм в JavaScript, в котором переменные и объявления функций, передвигаются вверх своей области видимости перед тем, как код будет выполнен. Поднимаются переменные var и function declaration

Question 14

Каким будет значение переменной var при обращении к ней до ее объявления?

Answer 14

undefined

Question 15

Что будет если обратится к переменной let/const до её объявления?

Answer 15

Будет ошибка типа ReferenceError. Cannot access ‘variable’ before initialization

Question 16

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

Answer 16

Это часть программы, в пределах которой можно получить доступ к определенным переменным.
Другими словами, она определяет видимость переменной в коде.
JS имеем 6 типов областей видимости: глобальная, функциональная, Eval, блочная (ES6), модульная, лексическая области видимости.

Question 17

Чем Function Declaration отличается от Function Expression?

Answer 17

Function Expression создаётся, когда выполнение доходит до него, и затем уже может использоваться.
Function Declaration создается до выполнения кода scope где она была объявлена. И может быть использована во всем этом scope.

Question 18

Чем стрелочная функция отличается от обычной?

Answer 18

1 - Стрелочная функция получает this в момент создания из родительского this. В обычной функции this устанавливается во время вызова из контеста вызова.
2 - Стрелочная функция не имеет arguments.
3 - Стрелочная функция не имеет свойства prototype.
4 - Стрелочная функция имеет короткий синтаксис не явного возврата значения.

Question 19

Есть ли аналог arguments для стрелочной функции?

Answer 19

Можно использовать rest оператор (…) для того, чтобы собрать все аргументы с которыми вызвана функция в массив.

Question 20

Что такое лексическое окружение (Lexical Environment)?

Answer 20

Лексическое окружение в JavaScript — это комбинация текущей области видимости и ссылки на внешнее лексическое окружение.
Внешнее лексическое окружение — это окружение з текущей областью видимости в которой функция была объявлена, и она позволяет функции обращаться к переменным и функциям, определенным в этой внешней среде.

Question 21

Что является глобальным лексическим окружение?

Answer 21

window

Question 22

Что такое замыкание (Closures)?

Answer 22

Замыкание - это возможность функции использовать переменные из ее лексического окружения в котором она была объявлена.
Замыкание — это комбинация функции и лексического окружения, в котором эта функция была определена. Другими словами, замыкание даёт доступ фунции к внешнему лексическому окружению. В итоге по цепочке ссылок на родительское лексическое окружения фунция имеет доступ ко всем лексическим окружениям своих предков. В JavaScript замыкания создаются каждый раз при создании функции, во время её создания.

Это способность функции во время создания запоминать ссылки на переменные функции и параметры, находящиеся в текущем лексическом окружении, а так же в лексическом окружении родительской функции и так до глобальной области видимости. Замыкание подразумевает именно внешние переменные, а не саму функцию.
or
Это способность функции запоминать окружение (значения переменных окружения) в котором она была определена.

Question 23

Для чего используют замыкания?

Answer 23

1 - Часто для создания приватных переменных и функций (инкапсуляция).
2 - Для сохранения промежуточных параметров вызова функции (каррирование).
3 - Мемоизация функции.

Question 24

Что такое IIFE?

Answer 24

Immediately Invoked Function Expression - это функция, которая вызывается или выполняется сразу же после создания или объявления.

Question 25

Что такое this?

Answer 25

this - это ключевое слово в js, значение которого формируется по определенным правилам.
В ES5 - это ссылка на контекст вызова функции (обычной). Контекстом является объект который в данный момент вызывает функцию.
В ES6 - может быть любым значением.
Для стрелочной функции - это this лексического окружения.
1 - this в объекте - указывает на сам объект
2 - this в классе - указывает на экземпляр класса
3 - глобальным контекстом является window (или undefined в режиме use strict)
4 - call, apply, bind задают произвольный this обычной функции.

Question 26

Как можно задать контекст вызова функции?

Answer 26

Задать this можно только единожды.
В следующих случаях контекст вызова не сработает:
1. На стрелочную функцию не действуют (bind, call, apply)
2. На функцию, которую возвращает bind не действуют (call, apply)
3. После применения call || apply

Question 27

Можно ли изменить контекст функции которую возвратил метод bind?

Answer 27

Нет. Однажды назначив функции this изменить его уже нельзя.

Question 28

Можно ли подменить контекст вызова стрелочной функции?

Answer 28

Нет. Однажды назначив функции this (у стрелочной - это во время ее объявления) изменить его уже нельзя.

Question 29

Что такое прототип объекта?

Answer 29

Это родительский объект от которого был унаследован текущий объект.

Question 30

Как работает прототипное наследование в JS?

Answer 30

Когда мы хотим прочитать свойство из объекта, а оно отсутствует - JS попытается его прочитать из прототипа объекта. Если свойства нет в прототипе, JS попытается его прочиться из прототипа прототипа, и т.д. до тех пор, пока свойство не будет найдено или цепочка прототипов не закончится. JS возвратит либо значение найденного свойства либо undefined.

Question 31

Как создать объект в котором не будет прототипа?

Answer 31

Использовать Object.create(null). Данный метод принимает первым аргументом объект, который будет являться прототипом объекта, который он возвратит. Если мы вызовем Object.create() c аргументом null, будет создан объект без прототипа

Question 32

Как проверить является ли свойство объекта личным свойством или это свойство прототипа?

Answer 32

Можно использовать метод obj.hasOwnProperty(prop) который возвращает булевое значение.

Question 33

Как запретить изменять объект?

Answer 33

Есть метод Object.freeze(), который “замораживает” объект от изменений. Данный метод работает только в одну сторону. Отменить действие данного метода уже невозможно.
Eсть метод Object.seal(), который запечатывает объект, предотвращая добавление новых свойств к объекту и делая все существующие свойства не настраиваемыми. Значения текущих свойств остаются изменяемыми.
Так же есть метод Object.preventExtensions(), который запрещает добавлять новые свойства в объект.

Question 34

Что такое дескрипторы свойства объекта?

Answer 34

Дескриптор - это объект конфигурации свойства в объекте. Он имеет 4 свойства:
configurable - указывает можно ли добавлять, удалять или изменять свойство объекта
enumerable - указывает буде ли видно свойство во время перебора свойств объекта
value - значение свойства объекта.
writable - указывает можно ли изменять значаение данного свойства

get - Функция, используемая как геттер свойства
set - Функция, используемая как сеттер свойства

Question 35

Чем отличается функция конструктор и класс?

Answer 35

Класс - это синтаксический сахар над функцией конструктором. При создании экземпляра класса, методы описанные в нем попадают в прототип, а методы описанные внутри функции конструктора попадут в сам экземпляр. Для того, чтобы методы описанные внутри функции конструктора попали в прототип их нужно отдельно туда добавить.

Question 36

Что нужно сделать, чтобы метод класса попал в его экземпляр?

Answer 36

1. Такой метод нужно описать внутри конструктора
2. Задать свойство-функцию методом выражения (foo = function(){})

Question 37

Присутствует ли в JS множественное наследование?

Answer 37

Нет. Так как наследование в JS базируется на прототипах, у одного объекта может быть только 1 прототип.

Question 38

Что такое Promise?

Answer 38

Это объект который используется для отложенных и асинхронных вычислений. Promise имеет 3 состояния:
- ожидание (pending): начальное состояние, не исполнен и не отклонён.
- исполнено (fulfilled): операция завершена успешно.
- отклонено (rejected): операция завершена с ошибкой.

Question 39

Для чего нужен метод Promise.all?

Answer 39

Метод Promise.all(iterable) возвращает промис, который выполнится тогда, когда будут выполнены все промисы, переданные в виде перечисляемого аргумента, или отклонено любой первый из переданных промисов.
Возвращает промис, который будет выполнен когда будут выполнены все промисы, переданные в виде перечисляемого аргумента, или отклонён, если будет отклонено хоть одно из переданных промисов
У него есть аналог Promise.allSetled, который исполняется как-только все полученные промисы завершены (исполнены или отклонены), содержащий массив результатов исполнения полученных промисов.

Question 40

Для чего нужен метод Promise.race?

Answer 40

Ожидает исполнения или отклонения любого из полученных промисов. Возвращает промис, который будет исполнен или отклонен с результатом исполнения первого исполненного или отклоненного промиса.

Question 41

Для чего нужен синтаксис async/await?

Answer 41

Ключевое слово async делает созданную функцию асинхронной.
Асинхронная функция может содержать ключевое слово await, которое приостанавливает выполнение асинхронной функции и ожидает ответа от переданного Promise, затем возобновляя выполнение функции async и возвращая полученное значение.

Question 42

Как обрабатывать ошибки в async/await функции?

Answer 42

Для этого можно использовать конструкцию try…catch()

Question 43

Что такое event loop?

Answer 43

Это механизм, который отвечает за выполнение кода, сбора и обработки событий и выполнения под-задач из очереди. В концепции event loop есть несколько блоков:
- call stack - отвечает за создаёт контекст выполнения функции. Каждая вызываемая функция попадает в call stack.
- heap - это большая неструктурированная области памяти, в которой хранятся объявленные переменные, функции, и т.д.
- third party API - API, которые предоставляет окружение. К примеру, метод fecth, котрый предоставляется браузером.
- queue - список задач, подлежащих обработке. Каждая задача ассоциируется с некоторой функцией, которая будет вызвана, чтобы обработать эту задачу.