Объясните строку в коде пожалуйста

@dalay_lama · Регистрация: 22.09.2012

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток. Недавно начал изучение javascript, поначалу всё не плохо понимал, но сейчас дело дошло до замыканий, обёрток и this - у меня в голове теперь просто каша. В общем, имеется задача:
"Создайте декоратор makeLogging(func, log), для функции func возвращающий обёртку, которая при каждом вызове добавляет её аргументы в массив log. Допускается func с любым набором аргументов."
Это её решение:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function work(a, b) {
  alert(a + b); // work - произвольная функция
}
 
function makeLogging(f, log) {
  
  function wrapper() {
    log.push(arguments);
    return f.apply(this, arguments);  
  }
 
  return wrapper;
}
 
var log = [];
work = makeLogging(work, log);
 
work(1, 2); // 3
work(4, 5); // 9
 
for(var i=0; i<log.length; i++) {
  alert( 'Лог:' + [].join.call(log[i]) ); // "Лог:1,2", "Лог:4,5"
}

Мне не понятна вот эта строка:

JavaScript
1
return f.apply(this, arguments);

Я понимаю, что this здесь передаётся на всякий случай, если функция "makeLogging(f, log)" будет методом объекта, и чтобы передавалась в контексте(поправте пожалуйста если я не прав). Но вместе с this, передаются и аргументы функции wrapper, но ведь argumets - это объект, почему в передавая его, в функции work срабатывает a+b? Интерпритатор сам приводит эти аргументы к виду "this, первый аргумент, второй аргумент"? Если да, то почему не работает такой вызов

JavaScript
1
return f(arguments);

Объясните пожалуйста. Заранее спасибо.

@GuardCat · 20.06.2013, 22:23

dalay_lama, apply принимает вторым аргументом массив и передает его функции, методом которой вызван, как набор аргументов (a,b, c, ...). А первым аргументом — да, принимает контекст.

@dalay_lama · 21.06.2013, 03:51 **[ТС]**

Всё равно не могу понять, если он "принимает вторым аргументом массив и передает его функции", но мы то передаём объект?

@GuardCat · 21.06.2013, 06:55

@dalay_lama, верно, не Array передаем. Но arguments во многом ведет себя как массив, apply в данном слуае разницы не видит.

@dalay_lama · 21.06.2013, 14:02 **[ТС]**

кажется более менее понял. Поправьте меня пожалуйста если я не прав - это похоже на то, как в учебнике показывалось, метод обозвали - "одалживание метода", и в пример приводили как можно объекту arguments, добавить метод объекта array. вот пример: arguments.join = [].join; теперь у arguments есть метод join, т.к. join использует только элементы массива [1],[2]... и свойство length, то arguments может использовать этот метод. Аналагично с методом apply, я правильно понимаю? а можно ли где-нибудь посмотреть реализацию метода apply?

@kalabuni · 21.06.2013, 17:52

имеем два объекта - AAA и BBB
у первого объекта есть свойство AAA.prop = true; а у второго такого свойства не определено

имеем функцию myFunc (), внутри которой проверяем истинность/ложность свойства this.prop
если такое свойство существует (и определено истинным), то страница станет красной
если же такого свойства не существует, то страница станет синей

1. запускаем функцию просто так (имя и круглые скобки)
this тогда будет текущим окном, у которого нет свойства prop - окно синее

2. запускаем функцию посредством метода apply и передаём ей объект AAA
this станет объектом AAA, и раз свойство prop у него имеется, то страница станет красной

3. запускаем функцию посредством метода apply и передаём ей объект BBB
this станет объектом BBB, свойства prop у которого нет, страница снова станет синей

4. запускаем функцию посредством метода apply и передаём ей объект null
this станет текущим окном, свойства prop у которого нет, страница будет синей

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
var AAA = new Array (); // ìîæíî è new Object () - ýòî áåç ðàçíèöû
    AAA.prop = true;
var BBB = new Array (); // è çäåñü ìîæíî new Object () - îäíîñòðóéíî
 
function myFunc ()
{
document.body.style.background = this.prop ? 'red' : 'aqua';
document.getElementById ('inf').value = this.prop;
}
</script>
 
<body>
<p><input type="button" value="1 -- myFunc ()" onclick="myFunc ()">
<p><input type="button" value="2 -- myFunc.apply (AAA)" onclick="myFunc.apply (AAA)">
<p><input type="button" value="3 -- myFunc.apply (BBB)" onclick="myFunc.apply (BBB)">
<p><input type="button" value="4 -- myFunc.apply (null)" onclick="myFunc.apply (null)">
 
<hr><input id="inf">
</body>

@dalay_lama · 22.06.2013, 04:06 **[ТС]**

большое спасибо за объеснение. Но я не много не об этом спросил. То что вы описали я уже понимал, более или менее, но теперь хорошо это понимаю) у меня именно не укладывается в голове то, что apply передаёт массив, но при этом, передача ОБЪЕКТА arguments срабатывает. После ответа @GuardCat, я вроде бы уловил, и хотел узнать правильно ли я понял или нет.

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	20.06.2013, 22:23
	dalay_lama, apply принимает вторым аргументом массив и передает его функции, методом которой вызван, как набор аргументов (a,b, c, ...). А первым аргументом — да, принимает контекст. 1

@dalay_lama 82 / 82 / 50 Регистрация: 22.09.2012 Сообщений: 495
	21.06.2013, 03:51 [ТС]
	Всё равно не могу понять, если он "принимает вторым аргументом массив и передает его функции", но мы то передаём объект? 0

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	21.06.2013, 06:55
	@dalay_lama, верно, не Array передаем. Но arguments во многом ведет себя как массив, apply в данном слуае разницы не видит. 1

@dalay_lama 82 / 82 / 50 Регистрация: 22.09.2012 Сообщений: 495
	21.06.2013, 14:02 [ТС]
	кажется более менее понял. Поправьте меня пожалуйста если я не прав - это похоже на то, как в учебнике показывалось, метод обозвали - "одалживание метода", и в пример приводили как можно объекту arguments, добавить метод объекта array. вот пример: arguments.join = [].join; теперь у arguments есть метод join, т.к. join использует только элементы массива [1],[2]... и свойство length, то arguments может использовать этот метод. Аналагично с методом apply, я правильно понимаю? а можно ли где-нибудь посмотреть реализацию метода apply? 0

@dalay_lama 82 / 82 / 50 Регистрация: 22.09.2012 Сообщений: 495
	22.06.2013, 04:06 [ТС]
	большое спасибо за объеснение. Но я не много не об этом спросил. То что вы описали я уже понимал, более или менее, но теперь хорошо это понимаю) у меня именно не укладывается в голове то, что apply передаёт массив, но при этом, передача ОБЪЕКТА arguments срабатывает. После ответа @GuardCat, я вроде бы уловил, и хотел узнать правильно ли я понял или нет. 0

Опции темы