All JavaScript

Question 1

Какие типы данных есть в JavaScript?

Answer 1

Number
String
Boolean

Null
Undefined

Object
Symbol

Question 2

Как в JavaScript хранятся числа? Какие ошибки могут возникать при их использовании?

Answer 2

Числа хранятся в 64 битном формате, с плавающей точкой двойной точности.

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

Question 3

Как кодируются строки? Что такое суррогатные пары и как реализуются диакритические знаки?

Answer 3

Используется кодировка UTF-16 – символы кодируются 16-битными словами. Этого хватает для большинства символов, остальные же кодируются двумя словами - такие символы называют суррогатными парами.

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

Question 4

Чем отличаются null и undefined?

Answer 4

Undefined - это внутренняя переменная языка, которая показывает что мы пытаемся получить несуществующий объект.

Null - это ключевое слово, которым пользователь создаёт объект заглушку, чтобы показать отсутствие требуемого результата выполнения части программы.

Question 5

Чем отличаются function declaration и function expression?

Answer 5

Function declaration всегда создаёт именованную функцию. Такая функция всплывает - она может быть использована до объявления.

Function expression создаёт анонимную функцию, которая может быть немедленно присвоена в переменную, вызвана или передана в другую функцию. Эти функции создаются только когда исполнение кода доходит до них.

Question 6

Что будет записано в переменную ‘с’?

let a = 1;
let b = 2;

let c = 3 - (a = b + 1);

Answer 6

Так как оператор присваивания возвращает результат присваивания, с=3-(2+1)=0

Question 7

Чему равен this у функции?

Answer 7

Если функция вызывается из объекта, то this ссылается на этот объект.

Если функция не принадлежит объекту, то this будет undefined в строгом режиме или будет ссылаться на глобальный объект (window в браузере) в обычном режиме.

Также this может быть потерян если мы передадим метод объекта в другую функцию вне объекта. Также this может быть явно указан в методах call и apply.

Question 8

Как объекты приводятся к примитивам?

Answer 8

Для определения, к какому типу нужно приводить объект, javascript использует хинты ‘string’, ‘number’ и ‘default’.

Сначала вызывается objSymbol.toPrimitive, если он не существует и хинт - строка, то вызывается сначала obj.toString() а затем obj.valueOf(). Если хинт - число или дефолтный, интерпретатор пытается вызвать эти методы в обратном порядке.

Question 9

Как можно осуществить проверку на undefined?

Answer 9

if( x === undefined) {}

if( typeof x === ‘undefined’ ) {}
Последний метод позволяет избежать ошибки если переменная х не была объявлена. Но на практике это встречается редко.

Question 10

Деструктурирующее присваивание.
Сработает ли этот код?

let width, height;

{width, height} = {width: 200, height: 200};

Answer 10

Нет, потому что при деструктурирующем присваивании js решит, что он вошёл в блок кода и не увидит объявленных ранее переменных width и height.

Чтобы указать js на то, что мы не в блоке кода, можно использовать скобки:

({width, height} = {width: 200, height: 200});

Question 11

Как реализуется лексическое окружение у функций, блоков кода и скриптов? Что оно хранит? Как туда записываются переменные?

Answer 11

Лексическое окружение существует в виде объекта Lexical Environment, который состоит из двух частей:

1. EnvironmentRecord - хранит в себе переменные, значение this, и другие свойства.
2. Ссылка на внешнее лексическое окружение.

Переменные - это просто свойства EnvironmentRecord.

Question 12

Как функции в JavaScript узнают о внешнем лексическом окружении?

Answer 12

При рождении, каждая функция получает внутреннее свойство [[Environment]], которое ссылается на объект внешнего лексического окружения.

Question 13

Какова главная особенность лексического окружения в циклах?

Answer 13

Каждую итерацию создаётся новое лексическое окружение.

Question 14

Сделайте набор «готовых к употреблению» фильтров:

1. inBetween(a, b) – между a и b (включительно).
2. inArray([…]) – находится в данном массиве.

Они должны использоваться таким образом:

1. arr.filter(inBetween(3,6)) – выбирает только значения между 3 и 6 (включительно).
2. arr.filter(inArray([1,2,3])) – выбирает только элементы, совпадающие с одним из элементов массива

Answer 14

function inBetween(a, b) {
  return function(x) {
    return x >= a && x <= b;
  };
}

function inArray(arr) {
  return function(x) {
    return arr.includes(x);
  };
}

Question 15

Какие особенности у ключевого слова var?

Answer 15

1. Область видимости var ограничена только функциями.
2. Переменные var инициализируются сразу при начале выполнения кода/функции.
3. Переменную с var можно объявить несколько раз.

Question 16

Зачем нужны методы функций call/apply? Чем они отличаются?

Answer 16

Методы нужны чтобы вызвать функцию и явно указать ей контекст выполнения (this).

Метод call принимает аргументы функции через запятую, метод apply принимает массив аргументов.

Question 17

Из каких полей состоит дескриптор свойства объекта?

Answer 17

Value
Writable
Enumerable
Configurable

Question 18

Как можно получить доступ к прототипу объекта зная его функцию конструктор F() ?

Answer 18

Прототип будет доступен через свойство F.prototype функции конструктора.

Question 19

На что по умолчанию ссылается свойство prototype у функций?

Answer 19

Каждая функция по умолчанию через prototype ссылается на объект с одним свойством - constructor - которое ссылается обратно на эту функцию.

Question 20

Чем промисы лучше или удобнее коллбэков?

Answer 20

• Отсутствует вложенность благодаря использованию цепочек (callback hell)
• Более удобный синтаксис обработки ошибок
• Удобно подписывать сразу несколько потребителей (колбэк может быть только один)

Question 21

Когда колбэк может быть предпочительнее промиса?

Answer 21

Когда колбэк может быть переиспользован или вызван несколько раз. Промис вызывается единожды.

Question 22

What is the difference between slice and splice?

Answer 22

Slice

1. Doesn’t modify the original array(immutable)
2. Returns the subset of original array

Splice

1. Modifies the original array(mutable) - removes returned arguments and appends all its argumens starting from third
2. Returns the deleted elements as array - splice(1, 3) will return 3 elements starting from 1

Question 23

How do you compare Object and Map?

Answer 23

Objects have been used as Maps historically. But there are important differences:

1. The keys of an Object are Strings and Symbols, whereas they can be any value for a Map, including functions, objects, and any primitive.
2. The keys in Map are ordered while keys added to Object are not. Thus, when iterating over it, a Map object returns keys in order of insertion.
3. You can get the size of a Map easily with the size property, while the number of properties in an Object must be determined manually.
4. A Map is an iterable and can thus be directly iterated, whereas iterating over an Object requires obtaining its keys in some fashion and iterating over them.
5. An Object has a prototype, so there are default keys in the map that could collide with your keys if you’re not careful. As of ES5 this can be bypassed by using map = Object.create(null), but this is seldom done.
6. A Map may perform better in scenarios involving frequent addition and removal of key pairs.