Продвинутая работа с функциями

Question 1

Что такое рекурсия?

Answer 1

Рекурсия — это вызов функцией самой себя.

Question 2

Как работает функция возведения в степень с помощью рекурсии?

Answer 2

Функция проверяет, если n равно 1, то возвращает x, иначе умножает x на результат вызова этой же функции с аргументами x и n-1.

Question 3

Как работает функция возведения в степень с помощью цикла?

Answer 3

Функция использует цикл, чтобы умножить x на самого себя n раз, после чего возвращает результат.

Question 4

Почему рекурсивные задачи обычно короче, чем итеративные?

Answer 4

Рекурсивные задачи обычно короче, потому что они могут использовать вызов функции самой себя, что позволяет избежать дублирования кода и сделать код более читаемым.

Question 5

Что такое глубина рекурсии?

Answer 5

Глубина рекурсии - это общее количество вложенных вызовов (включая первый).

Question 6

Что такое стек контекстов выполнения?

Answer 6

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

Question 7

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

Answer 7

Выполнение текущей функции приостанавливается, контекст выполнения, связанный с ней, запоминается в стеке контекстов выполнения, затем выполняются вложенные вызовы, для каждого из которых создаётся свой контекст выполнения. После завершения вложенных вызовов старый контекст достаётся из стека, и выполнение внешней функции возобновляется с того места, где она была остановлена.

Question 8

Что такое связанный список?

Answer 8

Связанный список - это рекурсивная структура данных, состоящая из узлов, каждый из которых содержит значение и указатель на следующий узел.

Question 9

Какая основная разница между массивом и связанным списком?

Answer 9

У элементов массива есть индексы, в то время как у элементов связанного списка их нет. Вставка и удаление элементов в начало массива медленны, в то время как в связанном списке эти операции производятся за константную сложность.

Question 10

Что такое HEAD и TAIL в связанном списке?

Answer 10

HEAD — это начало связанного списка, а TAIL - это его конец.

Question 11

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

Answer 11

Нужно создать новый элемент со значением и указателем на предыдущий HEAD, а затем переопределить HEAD, чтобы он указывал на новый элемент.

Question 12

Как удалить элемент из середины связанного списка?

Answer 12

Нужно перенаправить указатель “next” удаляемого узла к следующему элементу в списке.

Question 13

Какие типы связанных списков существуют?

Answer 13

Существуют односвязный список, двусвязный список и кольцевой связанный список.

Question 14

В чем отличие двусвязного списка от односвязного списка?

Answer 14

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

Question 15

Как осуществляется добавление элемента в двусвязный список?

Answer 15

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

Question 16

Как осуществляется удаление элемента из двусвязного списка?

Answer 16

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

Question 17

Что происходит, если в функцию передать больше параметров, чем она принимает?

Answer 17

Лишние параметры не вызовут ошибки.

Question 18

Что делает rest-оператор в функции?

Answer 18

Rest-оператор собирает все оставшиеся параметры функции и помещает их в массив.

Question 19

Где должен располагаться rest-оператор в функции?

Answer 19

Rest-оператор должен всегда располагаться в конце.

Question 20

Что такое переменная arguments?

Answer 20

Переменная arguments - это псевдомассив, в котором хранятся все аргументы, переданные в функцию.

Question 21

Можно ли передать только часть аргументов в переменную arguments?

Answer 21

Нет, переменная arguments содержит все аргументы, переданные в функцию.

Question 22

Можно ли использовать объект arguments в стрелочных функциях?

Answer 22

Нет, стрелочные функции не имеют переменной arguments.

Question 23

Что делает spread-оператор?

Answer 23

Spread-оператор “раскрывает” итерируемый объект.

Question 24

Что произойдет при использовании spread-оператора с массивом при вызове функции Math.max()?

Answer 24

Spread-оператор “раскроет” массив в список аргументов функции Math.max().

Question 25

Можно ли комбинировать spread-оператор с обычными значениями?

Answer 25

Да, можно комбинировать spread-оператор с обычными значениями.

Question 26

Для чего можно использовать Array.from?

Answer 26

Array.from можно использовать, если необходимо “раскрыть” и итерируемый объект и псевдомассив.

Question 27

Что такое замыкание в JavaScript?

Answer 27

Замыкание - это функция, которая запоминает свои внешние переменные и может получить к ним доступ. В JavaScript все функции являются замыканиями, кроме случая, когда функция создается с использованием new Function.

Question 28

Что такое лексическое окружение в JavaScript?

Answer 28

Лексическое окружение - это внутренний (скрытый) объект, который есть у каждой выполняемой функции, блока кода и скрипта. Объект лексического окружения состоит из двух частей: Environment Record - объект, в котором хранятся все локальные переменные, и ссылка на внешнее лексическое окружение - на код, который снаружи текущих фигурных скобок.

Question 29

Что такое Environment Record в лексическом окружении?

Answer 29

Environment Record — это объект, в котором хранятся все локальные переменные (а также некоторая другая информация, такая как this). Переменная — это свойство объекта лексического окружения, где ключ - название переменной.

Question 30

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

Answer 30

С помощью скрытого свойства [[Environment]] – ссылки, которая указывает на текущее лексическое окружение.

Question 31

Какие две части составляют объект лексического окружения в JavaScript?

Answer 31

Объект лексического окружения состоит из двух частей: Environment Record и ссылки на внешнее лексическое окружение.

Question 32

Что означает глобальное лексическое окружение в JavaScript?

Answer 32

Глобальное лексическое окружение в JavaScript связано со всем скриптом и содержит информацию о глобальных переменных, функциях и других объектах, доступных на уровне всего скрипта.

Question 33

Какое состояние имеет лексическое окружение в начале скрипта?

Answer 33

Пустое.

Question 34

Что происходит при объявлении переменной в лексическом окружении?

Answer 34

Создается запись в объекте лексического окружения для данной переменной.

Question 35

Какое значение получает переменная в лексическом окружении при объявлении без присваивания?

Answer 35

undefined.

Question 36

Что происходит с лексическим окружением при присваивании значения переменной?

Answer 36

Значение переменной обновляется в лексическом окружении.

Question 37

Что на самом деле представляют переменные в JavaScript?

Answer 37

Переменные представляют свойства объекта лексического окружения.

Question 38

Как работает поиск переменных в лексическом окружении функции?

Answer 38

При поиске переменных в лексическом окружении функции, сначала происходит поиск в текущем лексическом окружении, затем во внешнем, и так далее, до глобального лексического окружения, благодаря ссылке на внешнее лексическое окружение. Если переменная не найдена, в strict mode будет ошибка, а без strict mode будет создана глобальная переменная с таким именем.

Question 39

Какое значение получает функция при доступе к переменной?

Answer 39

Функция получает текущее значение переменной, то есть последнее значение.

Question 40

Что происходит при создании функции Function Declaration?

Answer 40

Название функции Function Declaration инициализируется в лексическом окружении при создании лексического окружения, а не тогда, когда выполнение доходит до нее. Поэтому можно вызвать Function Declaration до того, как она объявлена.

Question 41

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

Answer 41

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

Question 42

Что происходит при вызове функции в JavaScript?

Answer 42

При каждом вызове функции создается новое лексическое окружение.

Question 43

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

Answer 43

Да, вложенная функция может получить доступ к переменным во внешнем лексическом окружении.

Question 44

Можно ли получить доступ к внутренним переменным из внешнего лексического окружения?

Answer 44

Нет, внешнее лексическое окружение не имеет ссылок на внутренние переменные вложенных функций.

Question 45

Что происходит с лексическим окружением при выполнении блока if?

Answer 45

При выполнении блока if создается лексическое окружение, которое имеет ссылку на внешнее, что дает доступ к внешним переменным. Все переменные, объявленные внутри блока if, остаются в его лексическом окружении и не видны снаружи, включая функции внутри блока if.

Question 46

Какие переменные принадлежат лексическому окружению блока for?

Answer 46

Если переменная объявлена внутри скобок блока for с использованием let, то эта переменная принадлежит его лексическому окружению.

Question 47

Как можно использовать блоки кода для изоляции переменных в локальной области видимости?

Answer 47

Можно использовать блоки кода { … } для изоляции переменных в локальной области видимости, чтобы избежать конфликтов с другими скриптами. В таком блоке переменные, объявленные с помощью let или const, будут видны только внутри блока, а снаружи его - не будут.

Question 48

Что такое IIFE?

Answer 48

IIFE — это сокращение от immediately-invoked function expression, что означает моментально вызываемое функциональное выражение.
В данный момент в IIFE нет необходимости, так как современные версии JS поддерживают лексическое окружение на уровне блоков кода с помощью ключевых слов “let” и “const”.

Question 49

Зачем программисты придумали IIFE?

Answer 49

IIFE было придумано для того, чтобы функцию можно было создать и сразу вызвать “на месте”. Раньше в JavaScript не было лексического окружения на уровне блоков кода, поэтому IIFE позволял создавать локальную область видимости и избежать конфликтов имен.

Question 50

Как создать IIFE?

Answer 50

Для создания IIFE нужно создать Function Expression и сразу вызвать ее. Function Expression оборачивается в скобки, чтобы JavaScript не принимал его за Function Declaration. Есть несколько способов создания IIFE, например, обернуть функцию в круглые скобки, перед функцией поставить оператор ! или +, либо использовать функциональное выражение с вызовом в конце, заключенное в круглые скобки.

Question 51

Что происходит с лексическим окружением функции после её выполнения?

Answer 51

Лексическое окружение очищается и удаляется после того, как функция выполнилась, если на него не ссылается ни одна другая функция. Если есть вложенные функции, которые всё ещё доступны после выполнения внешней функции, то лексическое окружение сохраняется в памяти, пока они не будут удалены.

Question 52

Когда объект лексического окружения умирает?

Answer 52

Объект лексического окружения умирает, когда становится недоступным, т.е. когда на него не ссылается ни одна функция.

Question 53

Какие движки JS пытаются оптимизировать сохранение внешних переменных при жизни функции?

Answer 53

V8 (Chromium).

Question 54

Что происходит с внешней переменной, если движок JS анализирует использование переменных и находит, что она не используется?

Answer 54

Она удаляется.

Question 55

Какие побочные эффекты возникают при использовании отладчика в V8?

Answer 55

Переменные, которые были удалены при оптимизации, становятся недоступными при отладке.

Question 56

Может ли внешняя переменная сохраниться при оптимизации движком JS, даже если она не используется в коде?

Answer 56

Да, если по коду не ясно, что она не используется.

Question 57

Какое ключевое слово в JavaScript является устаревшим способом объявления переменных?

Answer 57

Ключевое слово “var”.

Question 58

Чем ограничивается область видимости переменных, объявленных с помощью “var”?

Answer 58

Только функцией или скриптом (глобальной областью видимости).

Question 59

Какой тип области видимости был у блоков на заре развития JavaScript?

Answer 59

На заре развития JavaScript блоки не имели лексической области видимости.

Question 60

Можно ли достать переменную, объявленную с помощью “var”, из блока if или цикла for?

Answer 60

Да, переменную, объявленную с помощью “var”, можно достать из блока if или цикла for, так как она имеет глобальную область видимости.

Question 61

Можно ли достать переменную, объявленную с помощью “var”, из функции?

Answer 61

Достать переменную, объявленную с помощью “var”, из функции нельзя, так как ее область видимости ограничивается функцией.

Question 62

Что происходит при объявлении переменных с помощью var?

Answer 62

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

Question 63

Можно ли повторно объявить переменную с помощью let?

Answer 63

Нет, при попытке повторного объявления переменной с помощью let возникнет ошибка.

Question 64

Можно ли повторно объявлять переменные с помощью var?

Answer 64

Да, переменные, объявленные с помощью var, можно переобъявлять бесконечно.

Question 65

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

Answer 65

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

Question 66

Что такое всплытие (hoisting) в контексте переменных var?

Answer 66

Всплытие (hoisting) в контексте переменных var означает, что объявления переменных var обрабатываются в начале выполнения функции (или запуска скрипта, если переменная является глобальной), независимо от того, где находятся их объявления в функции.

Question 67

Что происходит с объявлениями переменных var при всплытии?

Answer 67

Объявления переменных var “всплывают” в начало функции, что означает, что они считаются объявленными с самого начала выполнения функции, независимо от того, где находятся их объявления в функции.

Question 68

Происходит ли всплытие у присваиваний значений переменных var?

Answer 68

Нет, всплытие не происходит у присваиваний значений переменных var. Объявления переменных “всплывают”, но присваивания значений – нет.

Question 69

Что такое свойства функции в JavaScript?

Answer 69

Свойства функции в JavaScript - это не переменные, а часть объекта функции, которая позволяет получить определенную информацию о функции.

Question 70

Какое свойство позволяет получить имя функции?

Answer 70

Свойство name позволяет получить имя функции в JavaScript.

Question 71

Может ли функция иметь пустое имя?

Answer 71

Да, если корректное имя функции определить невозможно, свойство name функции будет равно пустой строке.

Question 72

Какое свойство позволяет получить количество параметров функции в ее объявлении?

Answer 72

Свойство length.

Question 73

Можно ли задавать собственные свойства функциям в JavaScript? Если да, то приведите пример.

Answer 73

Да, можно. Например, можно создать свойство counter для подсчета количества вызовов функции.

Question 74

Какие преимущества имеет использование свойств функций вместо замыканий?

Answer 74

Использование свойств функций позволяет изменять значение переменной извне без необходимости использования вложенных функций. Это делает код более гибким и удобным в использовании.

Question 75

Что такое NFE?

Answer 75

NFE - это Named Function Expression, т.е. функция, которой задано имя внутри выражения, а не в объявлении функции.
var f = function sayHi(…) { /* тело функции */ };

Question 76

Можно ли использовать NFE с Function Declaration?

Answer 76

Нет.

Question 77

Какое преимущество дает использование NFE перед обычным Function Expression при рекурсивных вызовах функции?

Answer 77

Использование NFE позволяет вызывать функцию рекурсивно, используя имя функции внутри самой функции, и это работает независимо от того, как была переименована переменная, которой была присвоена функция. Таким образом, мы можем избежать ошибок, связанных с потерей доступа к функции при изменении ее присвоенной переменной.

Question 78

Что такое синтаксис new Function и как он используется для создания функций?

Answer 78

Синтаксис new Function представляет собой способ создания функций в JavaScript путем передачи списка аргументов и кода функции в виде строки в конструктор Function. Этот способ может использоваться для создания функций на лету из динамически полученного кода или для динамической генерации функций во время выполнения программы.

Question 79

Как передаются аргументы в функцию, созданную с помощью синтаксиса new Function?

Answer 79

Аргументы передаются в виде строки, содержащей их имена, разделенные запятой, и функции, содержащей код, который будет выполняться при вызове функции.
let sum1 = new Function(‘a’, ‘b’, ‘return a + b’); // стандартный синтаксис
let sum2 = new Function(‘a,b’, ‘return a + b’); // через запятую в одной строке
let sum3 = new Function(‘a , b’, ‘return a + b’); // через запятую с пробелами в одной строке

Question 80

Можно ли создать функцию без аргументов с помощью синтаксиса new Function?

Answer 80

Да, передав пустую строку в качестве списка аргументов.
let sayHi = new Function(‘alert(“Hello”)’);

Question 81

Что такое ссылка [[Environment]] у функции в JavaScript?

Answer 81

Ссылка [[Environment]] у функции в JavaScript указывает на лексическое окружение, в котором функция была создана.

Question 82

Каково поведение функции, созданной с помощью new Function, в отношении лексического окружения?

Answer 82

У функции, созданной с помощью new Function, ссылка [[Environment]] указывает на глобальное лексическое окружение, а не на место, где функция была создана.

Question 83

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

Answer 83

Лучше явно передавать параметры в new Function, чтобы избежать проблем с минификаторами.

Question 84

Что такое минификатор?

Answer 84

Минификатор – специальная программа, которая уменьшает размер кода, удаляя комментарии, лишние пробелы, и, что самое главное, локальным переменным даются укороченные имена.

Question 85

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

Answer 85

Метод setTimeout.

Question 86

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

Answer 86

Метод setInterval.

Question 87

Являются ли методы setTimeout и setInterval частью спецификации JavaScript?

Answer 87

Нет.

Question 88

Почему не рекомендуется передавать строку в метод setTimeout?

Answer 88

Лучше использовать функцию в качестве аргумента, чтобы избежать ошибок.

Question 89

Какие параметры можно передавать в метод setTimeout, кроме функции и интервала времени?

Answer 89

Можно передавать аргументы, которые будут переданы в вызываемую функцию.

Question 90

Какой синтаксис у метода setTimeout?

Answer 90

Синтаксис метода setTimeout выглядит так: let timerId = setTimeout(func|code, [delay], [arg1], [arg2], …)

Question 91

Как передать аргументы в функцию, которая будет вызвана через setTimeout?

Answer 91

Аргументы передаются через третий параметр метода setTimeout, например: setTimeout(sayHi, 1000, “Привет”, “Джон”);

Question 92

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

Answer 92

Да, можно использовать строку, но это не рекомендуется. Лучше передавать функцию или использовать функцию-стрелку, например: setTimeout(() => alert(‘Привет’), 1000);

Question 93

В чем заключается важное замечание относительно передачи функции в качестве аргумента метода setTimeout?

Answer 93

Необходимо передавать функцию, а не ее результат, например: setTimeout(sayHi, 1000), а не setTimeout(sayHi(), 1000).

Question 94

Как можно использовать возвращаемое значение от setTimeout?

Answer 94

setTimeout возвращает уникальный идентификатор таймера, который можно использовать в методе clearTimeout для отмены запланированного вызова функции.

Question 95

Можно ли отменить запланированный вызов функции, если не сохранять id таймера?

Answer 95

Нет, для отмены запланированного вызова функции необходимо иметь id таймера, который был возвращен при вызове setTimeout.

Question 96

Можно ли использовать clearTimeout для остановки setInterval?

Answer 96

Нет, для остановки setInterval нужно использовать clearInterval, который принимает в качестве аргумента id интервала.

Question 97

Можно ли использовать clearTimeout для остановки запущенной функции?

Answer 97

Нет, clearTimeout используется для отмены запланированного вызова функции, а не для остановки функции, которая уже была вызвана. Если функция уже была вызвана, то ее выполнение может быть прервано только при помощи оператора return или внутренней логики функции.

Question 98

Как работает функция setInterval()?

Answer 98

setInterval() запускает функцию или код через указанный интервал времени несколько раз, пока не будет отменен. Между каждым запуском функции проходит не равное количество времени, потому что время работы функции тоже учитывается в интервале. Если необходимо сделать равные интервалы между запусками функции, можно использовать вложенный setTimeout().

Question 99

Как остановить выполнение функции, запущенной через setInterval()?

Answer 99

Для остановки выполнения функции, запущенной через setInterval(), нужно вызвать clearInterval() и передать ему идентификатор таймера, возвращаемый setInterval().

Question 100

Можно ли передать аргументы в функцию, вызываемую через setInterval()?

Answer 100

Да, можно передать аргументы в функцию, вызываемую через setInterval(). Аргументы передаются после указания интервала времени, разделенные запятой. Например: setInterval(myFunc, 1000, arg1, arg2).

Question 101

Чем отличается вложенный setTimeout от setInterval?

Answer 101

Вложенный setTimeout позволяет задавать разный интервал времени между запусками функции, в то время как setInterval имеет фиксированный интервал.

Question 102

Какой пример можно привести для использования вложенного setTimeout вместо setInterval?

Answer 102

Можно использовать вложенный setTimeout для создания функционала, аналогичного setInterval. Например, вместо использования setInterval для вывода сообщения “tick” каждые 2 секунды, можно использовать следующий код:
let timerId = setTimeout(function tick() {
alert(‘tick’);
timerId = setTimeout(tick, 2000);
}, 2000);

Question 103

Как можно настроить интервалы времени с помощью вложенного setTimeout?

Answer 103

Интервалы времени могут быть настроены непосредственно в коде функции обратного вызова, которая передается внутрь setTimeout. Например, можно написать сервис, который отправляет запросы на сервер каждые 5 секунд, но в случае перегрузки сервера интервалы увеличиваются до 10, 20, 40 секунд. Для этого можно использовать следующий код:
let delay = 5000;
let timerId = setTimeout(function request() {
// отправить запрос
// …
if (ошибка запроса из-за перегрузки сервера) {
// увеличить интервал для следующего запроса
delay *= 2;
}
timerId = setTimeout(request, delay);
}, delay);

Question 104

Каким образом можно остановить вложенный setTimeout?

Answer 104

Для остановки вложенного setTimeout необходимо вызвать функцию clearTimeout, передав в нее идентификатор таймера, который был возвращен при создании вложенного setTimeout. Например:
let timerId = setTimeout(function tick() {
alert(‘tick’);
timerId = setTimeout(tick, 2000);
}, 2000);
// остановить таймер через 10 секунд
setTimeout(function() {
clearTimeout(timerId);
}, 10000);

Question 105

Что происходит с функцией, переданной в setTimeout, после её выполнения?

Answer 105

Функция, переданная в setTimeout, не будет автоматически удалена из памяти после её выполнения. Она будет оставаться в памяти до тех пор, пока планировщик не вызовет её ещё раз или пока её ссылка не будет удалена вручную.

Question 106

Можно ли предотвратить утечку памяти при использовании setInterval, не вызывая clearInterval?

Answer 106

Нет, нельзя предотвратить утечку памяти при использовании setInterval, если не вызывать clearInterval. Функция, переданная в setInterval, будет оставаться в памяти до тех пор, пока она не будет удалена путём вызова clearInterval.

Question 107

Какие проблемы могут возникнуть при неотмененном setInterval или setTimeout?

Answer 107

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

Question 108

Какой параметр у функции setTimeout является необязательным и равен по умолчанию 0?

Answer 108

Параметр delay.

Question 109

Что произойдет при вызове функции setTimeout с задержкой 0 мс?

Answer 109

Вызов функции setTimeout с задержкой 0 мс запланирует вызов функции настолько быстро, насколько это возможно. Однако, планировщик вызовет функцию только после завершения выполнения текущего кода.

Question 110

Какие будут результаты выполнения следующего кода:
setTimeout(() => alert(“Мир”));
alert(“Привет”);

Answer 110

Сначала будет выведено “Привет”, затем “Мир”, потому что первая строка помещает вызов функции в «календарь» через 0 мс, но планировщик проверит «календарь» только после того, как текущий код завершится. Поэтому “Привет” выводится первым, а “Мир” – после него.

Question 111

Что такое ограничение на частоту выполнения внутренних счётчиков в браузере?

Answer 111

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

Question 112

Почему ограничение на частоту выполнения внутренних счётчиков сохраняется по историческим причинам?

Answer 112

Многие скрипты полагаются на ограничение на частоту выполнения внутренних счётчиков в браузере, поэтому это ограничение сохраняется по историческим причинам.

Question 113

Есть ли ограничение на частоту выполнения внутренних счётчиков в серверном JavaScript?

Answer 113

Нет, этого ограничения нет в серверном JavaScript. Там есть и другие способы планирования асинхронных задач, такие как setImmediate для Node.js. Это ограничение относится только к браузерам.

Question 114

Какую проблему решают декораторы?

Answer 114

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

Question 115

Какую особенность имеют декораторы в JavaScript?

Answer 115

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

Question 116

Что такое прозрачное кеширование?

Answer 116

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

Question 117

Как можно реализовать прозрачное кеширование в JavaScript?

Answer 117

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

Question 118

Как можно решить проблему потери контекста при передаче метода объекта в декоратор?

Answer 118

Проблему потери контекста можно решить, передавая контекст объекта в вызываемую функцию с помощью метода call. Например, можно вызвать функцию с помощью func.call(this, arg1, arg2, …), где this - контекст объекта, а arg1, arg2 и т.д. - аргументы, передаваемые в вызываемую функцию.

Question 119

Что такое spread-оператор, и как его можно использовать в декораторах?

Answer 119

Spread-оператор - это оператор “…” внутри вызова функции или конструктора, который позволяет передавать массив как список аргументов. В декораторах spread-оператор можно использовать для раскрытия аргументов переданной в декоратор функции. Например, можно вызвать функцию с помощью func.call(this, …arguments), где this - контекст объекта, а arguments - массив аргументов, передаваемых в вызываемую функцию.

Question 120

Как можно сделать декоратор универсальным и применимым к функциям с любым количеством аргументов?

Answer 120

Для того чтобы сделать декоратор универсальным и применимым к функциям с любым количеством аргументов, можно использовать массив arguments, который содержит все переданные аргументы. Например, можно вызвать функцию с помощью func.call(this, …arguments), где this - контекст объекта, а …arguments - раскрытие массива аргументов, передаваемых в вызываемую функцию.

Question 121

Какие аргументы принимает метод apply()?

Answer 121

Метод apply() принимает два аргумента: контекст и псевдомассив аргументов.

Question 122

В чем разница между методами call() и apply()?

Answer 122

Основная разница между методами call() и apply() заключается в способе передачи аргументов. Метод call() принимает аргументы в виде списка (то есть каждый метод записывается через запятую, либо с помощью spread-оператора), а метод apply() принимает аргументы в виде псевдомассива.

Question 123

Для чего используется перенаправление вызова (call forwarding)? Пример.

Answer 123

Перенаправление вызова (call forwarding) используется для передачи всех аргументов вместе с контекстом другой функции.
let wrapper = function() {
return func.apply(this, arguments);
};

Question 124

Если можно использовать оба метода (call/apply), то какой лучше использовать?

Answer 124

Лучше использовать apply, так как движки оптимизируют его лучше.

Question 125

Почему метод join нельзя вызвать напрямую от итерируемого объекта/псевдомассива?

Answer 125

Метод join не доступен для итерируемых объектов/псевдомассивов, так как он работает с контекстом (this), который для них не задан.

Question 126

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

Answer 126

Можно использовать заимствование метода, вызывая метод join у пустого массива и передавая контекст в виде итерируемого объекта/псевдомассива, например: [].join.call(arguments).

Question 127

Чем отличаются функции привязки call/apply от функции привязки bind/bindAll?

Answer 127

call/apply вызывают на месте эту же функцию с привязкой, а bind/bindAll создают копию функции с привязкой, чтобы ее можно было использовать позже.

Question 128

Какие решения есть для проблемы потери this при передаче метода отдельно от объекта?

Answer 128

Для решения проблемы потери this можно использовать функцию-обертку или функцию привязки bind.

Question 129

Какое значение this устанавливает метод setTimeout в браузере для вызова функции?

Answer 129

Метод setTimeout в браузере устанавливает значение this равным глобальному объекту window для вызова функции.

Question 130

Какое значение this устанавливает метод setTimeout в Node.js для вызова функции?

Answer 130

В Node.js метод setTimeout устанавливает значение this равным объекту таймера для вызова функции.

Question 131

Почему функция-обертка и метод bind используются для решения проблемы потери this?

Answer 131

Функция-обертка и метод bind используются для того, чтобы связать this с нужным объектом. При передаче метода отдельно от объекта, this теряет связь с объектом, и его значение становится равным глобальному объекту window (или undefined). Чтобы сохранить связь с объектом, используются функция-обертка и метод bind, которые создают новую функцию с привязанным this к нужному объекту.

Question 132

Чем отличается решение 1 (функция-обертка) от решения 2 (привязка контекста с помощью bind)?

Answer 132

Решение 1 заключается в обертывании вызова метода объекта в анонимную функцию, создавая замыкание, в то время как решение 2 использует метод bind для привязки контекста, гарантируя, что вызов метода объекта будет возвращать ожидаемый результат, даже если объект будет изменен.

Question 133

Что такое “экзотический объект” при использовании метода bind?

Answer 133

“Экзотический объект” - это объект, создаваемый при использовании метода bind, который вызывается как функция и прозрачно передает вызов в оригинальную функцию, при этом устанавливая контекст выполнения в указанное значение this.

Question 134

Как использование метода bind может помочь в работе с методами объектов?

Answer 134

Использование метода bind позволяет привязывать контекст выполнения к определенному значению this при вызове метода объекта, гарантируя, что метод всегда будет возвращать ожидаемый результат, даже если объект будет изменен. Это делает код более надежным и предсказуемым.

Question 135

Можно ли использовать метод bind для передачи дополнительных аргументов в функцию при вызове метода объекта?

Answer 135

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

Question 136

Какое назначение у функции bind()?

Answer 136

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

Question 137

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

Answer 137

Этот процесс называется частичное применение.

Question 138

Как применить частичное применение для функции умножения mul(a, b), чтобы создать функцию double для удвоения числа?

Answer 138

Можно использовать функцию bind() следующим образом: let double = mul.bind(null, 2);

Question 139

Как можно использовать частичное применение для создания более специализированной версии общей функции?

Answer 139

Можно использовать частичное применение для фиксации некоторых параметров общей функции и создания новой функции с более узкой специализацией. Например, можно создать функцию sendTo(to, text), которая является частным вариантом функции send(from, to, text).

Question 140

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

Answer 140

Частичное применение функции - это процесс создания новой функции путем фиксации некоторых аргументов оригинальной функции.

Question 141

Как работает функция partial из библиотеки lodash?

Answer 141

Функция partial принимает функцию и аргументы для фиксации. Она возвращает анонимную функцию, которая вызывает оригинальную функцию с фиксированными аргументами при помощи метода call.

Question 142

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

Answer 142

Нет, встроенный метод bind требует задания контекста при фиксации аргументов.

Question 143

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

Answer 143

Можно создать анонимную функцию, которая вызывает оригинальную функцию с фиксированными аргументами при помощи метода apply, как это делает функция partial в примере выше.

Question 144

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

Answer 144

Стрелочные функции - это функции в JavaScript, которые не имеют своего this, не могут быть вызваны с new и не имеют псевдомассива “arguments”. Они отличаются от обычных функций тем, что при обращении к this, его значение берется из внешнего лексического окружения.

Question 145

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

Answer 145

Нет, стрелочные функции не могут быть использованы как конструкторы и не могут быть вызваны с new.

Question 146

Что такое псевдомассив “arguments” и почему его нет у стрелочных функций?

Answer 146

Псевдомассив “arguments” - это массивоподобный объект, который содержит аргументы, переданные в функцию. У стрелочных функций нет псевдомассива “arguments”, потому что они не имеют своего this и не могут быть вызваны с new.

Question 147

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

Answer 147

Метод bind создает “связанную версию” функции, которая привязывает значение this к указанному объекту. Стрелочные функции не привязывают this и не имеют своего this, вместо этого они берут значение this из внешнего лексического окружения.

Question 148

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

Answer 148

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