Продвинутая работа с функциями Flashcards
1
Q
Что такое рекурсия?
A
Рекурсия — это вызов функцией самой себя.
2
Q
Как работает функция возведения в степень с помощью рекурсии?
A
Функция проверяет, если n равно 1, то возвращает x, иначе умножает x на результат вызова этой же функции с аргументами x и n-1.
3
Q
Как работает функция возведения в степень с помощью цикла?
A
Функция использует цикл, чтобы умножить x на самого себя n раз, после чего возвращает результат.
4
Q
Почему рекурсивные задачи обычно короче, чем итеративные?
A
Рекурсивные задачи обычно короче, потому что они могут использовать вызов функции самой себя, что позволяет избежать дублирования кода и сделать код более читаемым.
5
Q
Что такое глубина рекурсии?
A
Глубина рекурсии - это общее количество вложенных вызовов (включая первый).
6
Q
Что такое стек контекстов выполнения?
A
Стек контекстов выполнения - это структура данных, в которой сохраняются контексты выполнения функций при их вложенных вызовах, чтобы позднее можно было вернуться к выполнению этих функций.
7
Q
Что происходит, когда функция производит вложенный вызов?
A
Выполнение текущей функции приостанавливается, контекст выполнения, связанный с ней, запоминается в стеке контекстов выполнения, затем выполняются вложенные вызовы, для каждого из которых создаётся свой контекст выполнения. После завершения вложенных вызовов старый контекст достаётся из стека, и выполнение внешней функции возобновляется с того места, где она была остановлена.
8
Q
Что такое связанный список?
A
Связанный список - это рекурсивная структура данных, состоящая из узлов, каждый из которых содержит значение и указатель на следующий узел.
9
Q
Какая основная разница между массивом и связанным списком?
A
У элементов массива есть индексы, в то время как у элементов связанного списка их нет. Вставка и удаление элементов в начало массива медленны, в то время как в связанном списке эти операции производятся за константную сложность.
10
Q
Что такое HEAD и TAIL в связанном списке?
A
HEAD — это начало связанного списка, а TAIL - это его конец.
11
Q
Как добавить новый элемент в начало связанного списка?
A
Нужно создать новый элемент со значением и указателем на предыдущий HEAD, а затем переопределить HEAD, чтобы он указывал на новый элемент.
12
Q
Как удалить элемент из середины связанного списка?
A
Нужно перенаправить указатель “next” удаляемого узла к следующему элементу в списке.
13
Q
Какие типы связанных списков существуют?
A
Существуют односвязный список, двусвязный список и кольцевой связанный список.
14
Q
В чем отличие двусвязного списка от односвязного списка?
A
В отличие от односвязного списка, узел двусвязного списка имеет две ссылки: на следующий и на предыдущий узел, что позволяет манипулировать списком с обоих концов.
15
Q
Как осуществляется добавление элемента в двусвязный список?
A
Чтобы добавить элемент в двусвязный список, нужно создать новый узел с заданным значением, установить ссылку на следующий узел в новом узле на тот, на который должен быть вставлен новый узел, и ссылку на предыдущий узел - на тот, на который указывал предыдущий узел вставляемого узла.
16
Q
Как осуществляется удаление элемента из двусвязного списка?
A
Чтобы удалить элемент из двусвязного списка, нужно сначала определить узел, который предшествует удаляемому узлу, и установить ссылку на следующий узел в найденном узле на тот, который следует за удаляемым узлом. Также нужно обновить ссылку на предыдущий узел в следующем узле, чтобы она указывала на узел, предшествующий удаляемому узлу.
17
Q
Что происходит, если в функцию передать больше параметров, чем она принимает?
A
Лишние параметры не вызовут ошибки.
18
Q
Что делает rest-оператор в функции?
A
Rest-оператор собирает все оставшиеся параметры функции и помещает их в массив.
19
Q
Где должен располагаться rest-оператор в функции?
A
Rest-оператор должен всегда располагаться в конце.
20
Q
Что такое переменная arguments?
A
Переменная arguments - это псевдомассив, в котором хранятся все аргументы, переданные в функцию.
21
Q
Можно ли передать только часть аргументов в переменную arguments?
A
Нет, переменная arguments содержит все аргументы, переданные в функцию.
22
Q
Можно ли использовать объект arguments в стрелочных функциях?
A
Нет, стрелочные функции не имеют переменной arguments.
23
Q
Что делает spread-оператор?
A
Spread-оператор “раскрывает” итерируемый объект.
24
Q
Что произойдет при использовании spread-оператора с массивом при вызове функции Math.max()?
A
Spread-оператор “раскроет” массив в список аргументов функции Math.max().
25
Можно ли комбинировать spread-оператор с обычными значениями?
Да, можно комбинировать spread-оператор с обычными значениями.
26
Для чего можно использовать Array.from?
Array.from можно использовать, если необходимо "раскрыть" и итерируемый объект и псевдомассив.
27
Что такое замыкание в JavaScript?
Замыкание - это функция, которая запоминает свои внешние переменные и может получить к ним доступ. В JavaScript все функции являются замыканиями, кроме случая, когда функция создается с использованием new Function.
28
Что такое лексическое окружение в JavaScript?
Лексическое окружение - это внутренний (скрытый) объект, который есть у каждой выполняемой функции, блока кода и скрипта. Объект лексического окружения состоит из двух частей: Environment Record - объект, в котором хранятся все локальные переменные, и ссылка на внешнее лексическое окружение - на код, который снаружи текущих фигурных скобок.
29
Что такое Environment Record в лексическом окружении?
Environment Record — это объект, в котором хранятся все локальные переменные (а также некоторая другая информация, такая как this). Переменная — это свойство объекта лексического окружения, где ключ - название переменной.
30
Как функция запоминает, в каком лексическом окружении она была создана?
С помощью скрытого свойства [[Environment]] – ссылки, которая указывает на текущее лексическое окружение.
31
Какие две части составляют объект лексического окружения в JavaScript?
Объект лексического окружения состоит из двух частей: Environment Record и ссылки на внешнее лексическое окружение.
32
Что означает глобальное лексическое окружение в JavaScript?
Глобальное лексическое окружение в JavaScript связано со всем скриптом и содержит информацию о глобальных переменных, функциях и других объектах, доступных на уровне всего скрипта.
33
Какое состояние имеет лексическое окружение в начале скрипта?
Пустое.
34
Что происходит при объявлении переменной в лексическом окружении?
Создается запись в объекте лексического окружения для данной переменной.
35
Какое значение получает переменная в лексическом окружении при объявлении без присваивания?
undefined.
36
Что происходит с лексическим окружением при присваивании значения переменной?
Значение переменной обновляется в лексическом окружении.
37
Что на самом деле представляют переменные в JavaScript?
Переменные представляют свойства объекта лексического окружения.
38
Как работает поиск переменных в лексическом окружении функции?
При поиске переменных в лексическом окружении функции, сначала происходит поиск в текущем лексическом окружении, затем во внешнем, и так далее, до глобального лексического окружения, благодаря ссылке на внешнее лексическое окружение. Если переменная не найдена, в strict mode будет ошибка, а без strict mode будет создана глобальная переменная с таким именем.
39
Какое значение получает функция при доступе к переменной?
Функция получает текущее значение переменной, то есть последнее значение.
40
Что происходит при создании функции Function Declaration?
Название функции Function Declaration инициализируется в лексическом окружении при создании лексического окружения, а не тогда, когда выполнение доходит до нее. Поэтому можно вызвать Function Declaration до того, как она объявлена.
41
Какие возможности есть для вложенных функций в JavaScript?
Вложенная функция может быть свойством объекта (методом функции-конструктора) или возвращаться как значением в другой функции.
42
Что происходит при вызове функции в JavaScript?
При каждом вызове функции создается новое лексическое окружение.
43
Можно ли получить доступ к внешней переменной из вложенной функции?
Да, вложенная функция может получить доступ к переменным во внешнем лексическом окружении.
44
Можно ли получить доступ к внутренним переменным из внешнего лексического окружения?
Нет, внешнее лексическое окружение не имеет ссылок на внутренние переменные вложенных функций.
45
Что происходит с лексическим окружением при выполнении блока if?
При выполнении блока if создается лексическое окружение, которое имеет ссылку на внешнее, что дает доступ к внешним переменным. Все переменные, объявленные внутри блока if, остаются в его лексическом окружении и не видны снаружи, включая функции внутри блока if.
46
Какие переменные принадлежат лексическому окружению блока for?
Если переменная объявлена внутри скобок блока for с использованием let, то эта переменная принадлежит его лексическому окружению.
47
Как можно использовать блоки кода для изоляции переменных в локальной области видимости?
Можно использовать блоки кода { ... } для изоляции переменных в локальной области видимости, чтобы избежать конфликтов с другими скриптами. В таком блоке переменные, объявленные с помощью let или const, будут видны только внутри блока, а снаружи его - не будут.
48
Что такое IIFE?
IIFE — это сокращение от immediately-invoked function expression, что означает моментально вызываемое функциональное выражение.
В данный момент в IIFE нет необходимости, так как современные версии JS поддерживают лексическое окружение на уровне блоков кода с помощью ключевых слов “let” и “const”.
49
Зачем программисты придумали IIFE?
IIFE было придумано для того, чтобы функцию можно было создать и сразу вызвать "на месте". Раньше в JavaScript не было лексического окружения на уровне блоков кода, поэтому IIFE позволял создавать локальную область видимости и избежать конфликтов имен.
50
Как создать IIFE?
Для создания IIFE нужно создать Function Expression и сразу вызвать ее. Function Expression оборачивается в скобки, чтобы JavaScript не принимал его за Function Declaration. Есть несколько способов создания IIFE, например, обернуть функцию в круглые скобки, перед функцией поставить оператор ! или +, либо использовать функциональное выражение с вызовом в конце, заключенное в круглые скобки.
51
Что происходит с лексическим окружением функции после её выполнения?
Лексическое окружение очищается и удаляется после того, как функция выполнилась, если на него не ссылается ни одна другая функция. Если есть вложенные функции, которые всё ещё доступны после выполнения внешней функции, то лексическое окружение сохраняется в памяти, пока они не будут удалены.
52
Когда объект лексического окружения умирает?
Объект лексического окружения умирает, когда становится недоступным, т.е. когда на него не ссылается ни одна функция.
53
Какие движки JS пытаются оптимизировать сохранение внешних переменных при жизни функции?
V8 (Chromium).
54
Что происходит с внешней переменной, если движок JS анализирует использование переменных и находит, что она не используется?
Она удаляется.
55
Какие побочные эффекты возникают при использовании отладчика в V8?
Переменные, которые были удалены при оптимизации, становятся недоступными при отладке.
56
Может ли внешняя переменная сохраниться при оптимизации движком JS, даже если она не используется в коде?
Да, если по коду не ясно, что она не используется.
57
Какое ключевое слово в JavaScript является устаревшим способом объявления переменных?
Ключевое слово "var".
58
Чем ограничивается область видимости переменных, объявленных с помощью "var"?
Только функцией или скриптом (глобальной областью видимости).
59
Какой тип области видимости был у блоков на заре развития JavaScript?
На заре развития JavaScript блоки не имели лексической области видимости.
60
Можно ли достать переменную, объявленную с помощью "var", из блока if или цикла for?
Да, переменную, объявленную с помощью "var", можно достать из блока if или цикла for, так как она имеет глобальную область видимости.
61
Можно ли достать переменную, объявленную с помощью "var", из функции?
Достать переменную, объявленную с помощью "var", из функции нельзя, так как ее область видимости ограничивается функцией.
62
Что происходит при объявлении переменных с помощью var?
Переменные, объявленные с помощью var, обрабатываются в начале выполнения функции или запуска скрипта вне зависимости от того, где они фактически находятся внутри функции, при условии, что они не находятся во вложенной функции.
63
Можно ли повторно объявить переменную с помощью let?
Нет, при попытке повторного объявления переменной с помощью let возникнет ошибка.
64
Можно ли повторно объявлять переменные с помощью var?
Да, переменные, объявленные с помощью var, можно переобъявлять бесконечно.
65
Как влияет отсутствие значения при объявлении переменной с помощью var?
Если переменная объявлена с помощью var без значения, то JavaScript проигнорирует это и не будет выдавать ошибку.
66
Что такое всплытие (hoisting) в контексте переменных var?
Всплытие (hoisting) в контексте переменных var означает, что объявления переменных var обрабатываются в начале выполнения функции (или запуска скрипта, если переменная является глобальной), независимо от того, где находятся их объявления в функции.
67
Что происходит с объявлениями переменных var при всплытии?
Объявления переменных var "всплывают" в начало функции, что означает, что они считаются объявленными с самого начала выполнения функции, независимо от того, где находятся их объявления в функции.
68
Происходит ли всплытие у присваиваний значений переменных var?
Нет, всплытие не происходит у присваиваний значений переменных var. Объявления переменных "всплывают", но присваивания значений – нет.
69
Что такое свойства функции в JavaScript?
Свойства функции в JavaScript - это не переменные, а часть объекта функции, которая позволяет получить определенную информацию о функции.
70
Какое свойство позволяет получить имя функции?
Свойство name позволяет получить имя функции в JavaScript.
71
Может ли функция иметь пустое имя?
Да, если корректное имя функции определить невозможно, свойство name функции будет равно пустой строке.
72
Какое свойство позволяет получить количество параметров функции в ее объявлении?
Свойство length.
73
Можно ли задавать собственные свойства функциям в JavaScript? Если да, то приведите пример.
Да, можно. Например, можно создать свойство counter для подсчета количества вызовов функции.
74
Какие преимущества имеет использование свойств функций вместо замыканий?
Использование свойств функций позволяет изменять значение переменной извне без необходимости использования вложенных функций. Это делает код более гибким и удобным в использовании.
75
Что такое NFE?
NFE - это Named Function Expression, т.е. функция, которой задано имя внутри выражения, а не в объявлении функции.
var f = function sayHi(...) { /* тело функции */ };
76
Можно ли использовать NFE с Function Declaration?
Нет.
77
Какое преимущество дает использование NFE перед обычным Function Expression при рекурсивных вызовах функции?
Использование NFE позволяет вызывать функцию рекурсивно, используя имя функции внутри самой функции, и это работает независимо от того, как была переименована переменная, которой была присвоена функция. Таким образом, мы можем избежать ошибок, связанных с потерей доступа к функции при изменении ее присвоенной переменной.
78
Что такое синтаксис new Function и как он используется для создания функций?
Синтаксис new Function представляет собой способ создания функций в JavaScript путем передачи списка аргументов и кода функции в виде строки в конструктор Function. Этот способ может использоваться для создания функций на лету из динамически полученного кода или для динамической генерации функций во время выполнения программы.
79
Как передаются аргументы в функцию, созданную с помощью синтаксиса new Function?
Аргументы передаются в виде строки, содержащей их имена, разделенные запятой, и функции, содержащей код, который будет выполняться при вызове функции.
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'); // через запятую с пробелами в одной строке
80
Можно ли создать функцию без аргументов с помощью синтаксиса new Function?
Да, передав пустую строку в качестве списка аргументов.
let sayHi = new Function('alert("Hello")');
81
Что такое ссылка [[Environment]] у функции в JavaScript?
Ссылка [[Environment]] у функции в JavaScript указывает на лексическое окружение, в котором функция была создана.
82
Каково поведение функции, созданной с помощью new Function, в отношении лексического окружения?
У функции, созданной с помощью new Function, ссылка [[Environment]] указывает на глобальное лексическое окружение, а не на место, где функция была создана.
83
Какой способ передачи параметров в new Function является предпочтительным?
Лучше явно передавать параметры в new Function, чтобы избежать проблем с минификаторами.
84
Что такое минификатор?
Минификатор – специальная программа, которая уменьшает размер кода, удаляя комментарии, лишние пробелы, и, что самое главное, локальным переменным даются укороченные имена.
85
Какой метод можно использовать, чтобы вызвать функцию один раз через определенный интервал времени?
Метод setTimeout.
86
Какой метод можно использовать, чтобы вызывать функцию регулярно, повторяя вызов через определенный интервал времени?
Метод setInterval.
87
Являются ли методы setTimeout и setInterval частью спецификации JavaScript?
Нет.
88
Почему не рекомендуется передавать строку в метод setTimeout?
Лучше использовать функцию в качестве аргумента, чтобы избежать ошибок.
89
Какие параметры можно передавать в метод setTimeout, кроме функции и интервала времени?
Можно передавать аргументы, которые будут переданы в вызываемую функцию.
90
Какой синтаксис у метода setTimeout?
Синтаксис метода setTimeout выглядит так: let timerId = setTimeout(func|code, [delay], [arg1], [arg2], ...)
91
Как передать аргументы в функцию, которая будет вызвана через setTimeout?
Аргументы передаются через третий параметр метода setTimeout, например: setTimeout(sayHi, 1000, "Привет", "Джон");
92
Можно ли использовать строку в качестве функции для метода setTimeout?
Да, можно использовать строку, но это не рекомендуется. Лучше передавать функцию или использовать функцию-стрелку, например: setTimeout(() => alert('Привет'), 1000);
93
В чем заключается важное замечание относительно передачи функции в качестве аргумента метода setTimeout?
Необходимо передавать функцию, а не ее результат, например: setTimeout(sayHi, 1000), а не setTimeout(sayHi(), 1000).
94
Как можно использовать возвращаемое значение от setTimeout?
setTimeout возвращает уникальный идентификатор таймера, который можно использовать в методе clearTimeout для отмены запланированного вызова функции.
95
Можно ли отменить запланированный вызов функции, если не сохранять id таймера?
Нет, для отмены запланированного вызова функции необходимо иметь id таймера, который был возвращен при вызове setTimeout.
96
Можно ли использовать clearTimeout для остановки setInterval?
Нет, для остановки setInterval нужно использовать clearInterval, который принимает в качестве аргумента id интервала.
97
Можно ли использовать clearTimeout для остановки запущенной функции?
Нет, clearTimeout используется для отмены запланированного вызова функции, а не для остановки функции, которая уже была вызвана. Если функция уже была вызвана, то ее выполнение может быть прервано только при помощи оператора return или внутренней логики функции.
98
Как работает функция setInterval()?
setInterval() запускает функцию или код через указанный интервал времени несколько раз, пока не будет отменен. Между каждым запуском функции проходит не равное количество времени, потому что время работы функции тоже учитывается в интервале. Если необходимо сделать равные интервалы между запусками функции, можно использовать вложенный setTimeout().
99
Как остановить выполнение функции, запущенной через setInterval()?
Для остановки выполнения функции, запущенной через setInterval(), нужно вызвать clearInterval() и передать ему идентификатор таймера, возвращаемый setInterval().
100
Можно ли передать аргументы в функцию, вызываемую через setInterval()?
Да, можно передать аргументы в функцию, вызываемую через setInterval(). Аргументы передаются после указания интервала времени, разделенные запятой. Например: setInterval(myFunc, 1000, arg1, arg2).
101
Чем отличается вложенный setTimeout от setInterval?
Вложенный setTimeout позволяет задавать разный интервал времени между запусками функции, в то время как setInterval имеет фиксированный интервал.
102
Какой пример можно привести для использования вложенного setTimeout вместо setInterval?
Можно использовать вложенный setTimeout для создания функционала, аналогичного setInterval. Например, вместо использования setInterval для вывода сообщения "tick" каждые 2 секунды, можно использовать следующий код:
let timerId = setTimeout(function tick() {
alert('tick');
timerId = setTimeout(tick, 2000);
}, 2000);
103
Как можно настроить интервалы времени с помощью вложенного setTimeout?
Интервалы времени могут быть настроены непосредственно в коде функции обратного вызова, которая передается внутрь setTimeout. Например, можно написать сервис, который отправляет запросы на сервер каждые 5 секунд, но в случае перегрузки сервера интервалы увеличиваются до 10, 20, 40 секунд. Для этого можно использовать следующий код:
let delay = 5000;
let timerId = setTimeout(function request() {
// отправить запрос
// ...
if (ошибка запроса из-за перегрузки сервера) {
// увеличить интервал для следующего запроса
delay *= 2;
}
timerId = setTimeout(request, delay);
}, delay);
104
Каким образом можно остановить вложенный setTimeout?
Для остановки вложенного setTimeout необходимо вызвать функцию clearTimeout, передав в нее идентификатор таймера, который был возвращен при создании вложенного setTimeout. Например:
let timerId = setTimeout(function tick() {
alert('tick');
timerId = setTimeout(tick, 2000);
}, 2000);
// остановить таймер через 10 секунд
setTimeout(function() {
clearTimeout(timerId);
}, 10000);
105
Что происходит с функцией, переданной в setTimeout, после её выполнения?
Функция, переданная в setTimeout, не будет автоматически удалена из памяти после её выполнения. Она будет оставаться в памяти до тех пор, пока планировщик не вызовет её ещё раз или пока её ссылка не будет удалена вручную.
106
Можно ли предотвратить утечку памяти при использовании setInterval, не вызывая clearInterval?
Нет, нельзя предотвратить утечку памяти при использовании setInterval, если не вызывать clearInterval. Функция, переданная в setInterval, будет оставаться в памяти до тех пор, пока она не будет удалена путём вызова clearInterval.
107
Какие проблемы могут возникнуть при неотмененном setInterval или setTimeout?
Неотмененный setInterval или setTimeout может привести к утечке памяти и накоплению неиспользуемых ресурсов в браузере. Кроме того, регулярное выполнение функции может вызывать проблемы производительности и негативно влиять на работу приложения.
108
Какой параметр у функции setTimeout является необязательным и равен по умолчанию 0?
Параметр delay.
109
Что произойдет при вызове функции setTimeout с задержкой 0 мс?
Вызов функции setTimeout с задержкой 0 мс запланирует вызов функции настолько быстро, насколько это возможно. Однако, планировщик вызовет функцию только после завершения выполнения текущего кода.
110
Какие будут результаты выполнения следующего кода:
setTimeout(() => alert("Мир"));
alert("Привет");
Сначала будет выведено "Привет", затем "Мир", потому что первая строка помещает вызов функции в «календарь» через 0 мс, но планировщик проверит «календарь» только после того, как текущий код завершится. Поэтому "Привет" выводится первым, а "Мир" – после него.
111
Что такое ограничение на частоту выполнения внутренних счётчиков в браузере?
Ограничение на частоту выполнения внутренних счётчиков в браузере означает, что браузер имеет ограничение на частоту выполнения вложенных таймеров и счетчиков. В стандарте HTML5 говорится, что после пяти вложенных таймеров интервал должен составлять не менее четырех миллисекунд.
112
Почему ограничение на частоту выполнения внутренних счётчиков сохраняется по историческим причинам?
Многие скрипты полагаются на ограничение на частоту выполнения внутренних счётчиков в браузере, поэтому это ограничение сохраняется по историческим причинам.
113
Есть ли ограничение на частоту выполнения внутренних счётчиков в серверном JavaScript?
Нет, этого ограничения нет в серверном JavaScript. Там есть и другие способы планирования асинхронных задач, такие как setImmediate для Node.js. Это ограничение относится только к браузерам.
114
Какую проблему решают декораторы?
Декораторы позволяют добавлять функциям дополнительные возможности, такие как кеширование, логирование, подсчет количества вызовов, подсчет времени выполнения и т. п. Это упрощает переиспользование кода, так как не требуется создавать новую функцию с дублирующимся кодом, а можно просто добавить к уже существующей функции новую функциональность с помощью декоратора.
115
Какую особенность имеют декораторы в JavaScript?
Декораторы в JavaScript можно применять к любой функции, их логика никак не влияет на производительность самой функции, а также можно объединять декораторы с разной логикой.
116
Что такое прозрачное кеширование?
Прозрачное кеширование — это кеширование функций, при котором кеш скрыт от вызывающего кода и работает автоматически. Результаты вызова функции сохраняются в кеше, и при повторных вызовах функции с теми же аргументами результаты берутся из кеша, что позволяет значительно ускорить работу программы.
117
Как можно реализовать прозрачное кеширование в JavaScript?
Прозрачное кеширование в JavaScript можно реализовать с помощью декоратора, который обертывает функцию и добавляет кеширование. При вызове обернутой функции проверяется наличие результата в кеше, и если результат уже есть, он возвращается из кеша, иначе вызывается оригинальная функция и результат сохраняется в кеш.
118
Как можно решить проблему потери контекста при передаче метода объекта в декоратор?
Проблему потери контекста можно решить, передавая контекст объекта в вызываемую функцию с помощью метода call. Например, можно вызвать функцию с помощью func.call(this, arg1, arg2, ...), где this - контекст объекта, а arg1, arg2 и т.д. - аргументы, передаваемые в вызываемую функцию.
119
Что такое spread-оператор, и как его можно использовать в декораторах?
Spread-оператор - это оператор "..." внутри вызова функции или конструктора, который позволяет передавать массив как список аргументов. В декораторах spread-оператор можно использовать для раскрытия аргументов переданной в декоратор функции. Например, можно вызвать функцию с помощью func.call(this, ...arguments), где this - контекст объекта, а arguments - массив аргументов, передаваемых в вызываемую функцию.
120
Как можно сделать декоратор универсальным и применимым к функциям с любым количеством аргументов?
Для того чтобы сделать декоратор универсальным и применимым к функциям с любым количеством аргументов, можно использовать массив arguments, который содержит все переданные аргументы. Например, можно вызвать функцию с помощью func.call(this, ...arguments), где this - контекст объекта, а ...arguments - раскрытие массива аргументов, передаваемых в вызываемую функцию.
121
Какие аргументы принимает метод apply()?
Метод apply() принимает два аргумента: контекст и псевдомассив аргументов.
122
В чем разница между методами call() и apply()?
Основная разница между методами call() и apply() заключается в способе передачи аргументов. Метод call() принимает аргументы в виде списка (то есть каждый метод записывается через запятую, либо с помощью spread-оператора), а метод apply() принимает аргументы в виде псевдомассива.
123
Для чего используется перенаправление вызова (call forwarding)? Пример.
Перенаправление вызова (call forwarding) используется для передачи всех аргументов вместе с контекстом другой функции.
let wrapper = function() {
return func.apply(this, arguments);
};
124
Если можно использовать оба метода (call/apply), то какой лучше использовать?
Лучше использовать apply, так как движки оптимизируют его лучше.
125
Почему метод join нельзя вызвать напрямую от итерируемого объекта/псевдомассива?
Метод join не доступен для итерируемых объектов/псевдомассивов, так как он работает с контекстом (this), который для них не задан.
126
Каким образом можно использовать метод join с псевдомассивом/итерируемым объектом?
Можно использовать заимствование метода, вызывая метод join у пустого массива и передавая контекст в виде итерируемого объекта/псевдомассива, например: [].join.call(arguments).
127
Чем отличаются функции привязки call/apply от функции привязки bind/bindAll?
call/apply вызывают на месте эту же функцию с привязкой, а bind/bindAll создают копию функции с привязкой, чтобы ее можно было использовать позже.
128
Какие решения есть для проблемы потери this при передаче метода отдельно от объекта?
Для решения проблемы потери this можно использовать функцию-обертку или функцию привязки bind.
129
Какое значение this устанавливает метод setTimeout в браузере для вызова функции?
Метод setTimeout в браузере устанавливает значение this равным глобальному объекту window для вызова функции.
130
Какое значение this устанавливает метод setTimeout в Node.js для вызова функции?
В Node.js метод setTimeout устанавливает значение this равным объекту таймера для вызова функции.
131
Почему функция-обертка и метод bind используются для решения проблемы потери this?
Функция-обертка и метод bind используются для того, чтобы связать this с нужным объектом. При передаче метода отдельно от объекта, this теряет связь с объектом, и его значение становится равным глобальному объекту window (или undefined). Чтобы сохранить связь с объектом, используются функция-обертка и метод bind, которые создают новую функцию с привязанным this к нужному объекту.
132
Чем отличается решение 1 (функция-обертка) от решения 2 (привязка контекста с помощью bind)?
Решение 1 заключается в обертывании вызова метода объекта в анонимную функцию, создавая замыкание, в то время как решение 2 использует метод bind для привязки контекста, гарантируя, что вызов метода объекта будет возвращать ожидаемый результат, даже если объект будет изменен.
133
Что такое "экзотический объект" при использовании метода bind?
"Экзотический объект" - это объект, создаваемый при использовании метода bind, который вызывается как функция и прозрачно передает вызов в оригинальную функцию, при этом устанавливая контекст выполнения в указанное значение this.
134
Как использование метода bind может помочь в работе с методами объектов?
Использование метода bind позволяет привязывать контекст выполнения к определенному значению this при вызове метода объекта, гарантируя, что метод всегда будет возвращать ожидаемый результат, даже если объект будет изменен. Это делает код более надежным и предсказуемым.
135
Можно ли использовать метод bind для передачи дополнительных аргументов в функцию при вызове метода объекта?
Да, метод bind может быть использован для частичного применения функции, что позволяет передать дополнительные аргументы в функцию при вызове метода объекта. При этом переданные аргументы будут переданы в функцию такими, какими они есть.
136
Какое назначение у функции bind()?
Функция bind() привязывает контекст и начальные аргументы функции, создавая новую функцию, которую можно вызывать отдельно.
137
Как называется процесс создания новой функции с фиксированными начальными аргументами?
Этот процесс называется частичное применение.
138
Как применить частичное применение для функции умножения mul(a, b), чтобы создать функцию double для удвоения числа?
Можно использовать функцию bind() следующим образом: let double = mul.bind(null, 2);
139
Как можно использовать частичное применение для создания более специализированной версии общей функции?
Можно использовать частичное применение для фиксации некоторых параметров общей функции и создания новой функции с более узкой специализацией. Например, можно создать функцию sendTo(to, text), которая является частным вариантом функции send(from, to, text).
140
Что такое частичное применение функции?
Частичное применение функции - это процесс создания новой функции путем фиксации некоторых аргументов оригинальной функции.
141
Как работает функция partial из библиотеки lodash?
Функция partial принимает функцию и аргументы для фиксации. Она возвращает анонимную функцию, которая вызывает оригинальную функцию с фиксированными аргументами при помощи метода call.
142
Можно ли использовать встроенный метод bind для частичного применения функции без задания контекста?
Нет, встроенный метод bind требует задания контекста при фиксации аргументов.
143
Как можно создать свою собственную функцию для частичного применения функции?
Можно создать анонимную функцию, которая вызывает оригинальную функцию с фиксированными аргументами при помощи метода apply, как это делает функция partial в примере выше.
144
Что такое стрелочные функции и как они отличаются от обычных функций?
Стрелочные функции - это функции в JavaScript, которые не имеют своего this, не могут быть вызваны с new и не имеют псевдомассива "arguments". Они отличаются от обычных функций тем, что при обращении к this, его значение берется из внешнего лексического окружения.
145
Можно ли использовать стрелочные функции как конструкторы?
Нет, стрелочные функции не могут быть использованы как конструкторы и не могут быть вызваны с new.
146
Что такое псевдомассив "arguments" и почему его нет у стрелочных функций?
Псевдомассив "arguments" - это массивоподобный объект, который содержит аргументы, переданные в функцию. У стрелочных функций нет псевдомассива "arguments", потому что они не имеют своего this и не могут быть вызваны с new.
147
В чем отличие между использованием bind и стрелочных функций для привязки контекста?
Метод bind создает "связанную версию" функции, которая привязывает значение this к указанному объекту. Стрелочные функции не привязывают this и не имеют своего this, вместо этого они берут значение this из внешнего лексического окружения.
148
Можно ли использовать стрелочные функции для наследования классов?
У стрелочных функций нет ключевого слова super, которое используется для наследования классов, поэтому они не могут быть использованы для наследования классов.
