Что за странная передача аргумента?

Question

[JackShcherbakov]

Добрый вечер, уважаемые программисты.

Не совсем понятно, хоть и кучу всего перерыл, каким образом компилятор работает с этим кодом:

function makeBuffer() {
  var text = '';

  return function(piece) {  /* <-- (*) */
    if (arguments.length == 0) { // вызов без аргументов
      return text;
    }
    text += piece;
  };
};

var buffer = makeBuffer();

// добавить значения к буферу
buffer('Замыкания');  /* <-- (**) */
buffer(' Использовать');
buffer(' Нужно!');
alert( buffer() ); // 'Замыкания Использовать Нужно!'

var buffer2 = makeBuffer();
buffer2(0);
buffer2(1);
buffer2(0);

alert( buffer2() ); // '010'

В строке (*) мы внутренней (не внешней) функции передаем параметр piece, но в строке (**) мы, передав внешнюю, основную функцию переменной buffer, передаем внешней функции аргумент.
Как так-то? Почему параметр у внутрененй, а аргумент у внешней.
Буду безумно благодарен за ссылки на ресурсы и ваши разъяснения!

Заранее выражаю огромную благодарность!

Comments

[Lander]

Я конечно не эксперт, но вроде в JS так разделяется область видимости членов объекта. Типа text - приватный член объекта.

Answer 1

[Rsa97]

Функция makeBuffer() не вызывает описанную внутри неё безымянную функцию, она возвращает её саму (а не её значение) в качестве результата.
При этом, за счёт замыкания, каждая возвращённая функция работает с отдельной копией глобальной переменной text.

Comments

[JackShcherbakov]

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

Answer 2

[alvvi]

(**) мы, передав внешнюю,

Не знаю, как там вы, но js никуда ничего не передавал, в buffer был присвоен результат вызова функции makeBuffer - другая, анонимная функция, в строке (**) мы ее успешно вызвали, она воспользовалась [[Scope]] присвоенным ей при вызове makeBuffer и радостно сконкатенировала строки, а потом вернула их в alert

Comments

[alvvi]

JackShcherbakov, уходит в анониминую функцию, которую возвращает makeBuffer
Добавлен именно так, чтобы создать новый [[Scope]] для функции и хранить там данные

Возможно вам поможет Замыкания
Ну и осмысление того что функцию можно вернуть из функции)

Answer 3

[Роман]

Функция - строковый буфер
Локальные переменные для объекта
Там же все расписано, описано...

Comments

[JackShcherbakov]

Я знаю, уже 100 раз перечитал, но бывают, редко конечно, такие ступоры у людей, в том числе и у меня.

[Роман]

JackShcherbakov, представь что там написано вот это

var text = '';
var bufer = (function(...piece) {
  return (text += piece);
})('Замыкания');

то есть в var bufer присваиваем результат работы функции makeBuffer(), она в свою очередь отработав предоставляет нам в пользование var text = ''; собственно потому мы и используем замыкание, и можем ее пользовать, переменная не удаляется, ссылка на нее хранится. то есть var bufer = становится "равна "

function(piece) { 
    if (arguments.length == 0) {
      return text;
    }
    text += piece;
  };

и вызовом buffer('Замыкания'); мы передаем аргумент именно в эту функцию, а text берем из замыкания, ну или просто мы имеем к ней доступ...

Так не понятнее стало?)
п.с. троеточие это просто получение списка аргументов.