Как понять замыкания в Javascript?

Question

[Keardo]

В статье про функции высшего порядка на хабре habrahabr.ru/post/241155 есть такой код:

function noisy(f) {
  return function(arg) {
    console.log("calling with", arg);
    var val = f(arg);
    console.log(f);
    console.log("called with", arg, "- got", val);
    return val;
  };
}
noisy(Boolean)(0);

Никак не пойму вот эту строчку: var val = f(arg);
Ведь f не определена нигде как функция, она передается лишь в вышестоящую функцию как переменная, почему она получилась функцией?

Answer 1

[Али Алиев]

замыкания

все очень просто. в качестве аргумента фукнции noisy передается функция f. делается это для коллбеков. простой пример:

var name = function(f) {
  alert(f());
}

name(function() {
    return 100;
});

каррирование

далее фукнция возвращает функцию:

var name = function() {
  console.info('Parent function');
  return function() {
    console.info('Nested function');
  }
}

name()();
// должно вывести
// Parent function
// Nested function

Comments

[Keardo]

Спасибо! Разобрался! Просто сначала не понял что Boolean это как раз функция, думал это просто тип. Прочитав про глобальные конструкторы понял фишку.

[Али Алиев]

Keardo: неудачное название для функции :)

[Максим]

Пробую в консоле выше написанный код, пишет: "TypeError: string is not a function"

[Али Алиев]

might: странно у меня все ок

➜ ~ node
> var name = function() {
... console.info('Parent function');
... return function() {
..... console.info('Nested function');
..... }
... }
undefined
> name()()
Parent function
Nested function
undefined
> var name = function(f) {
... console.log(f())
... }
undefined
> name(function() {
... return 100;
... });
100
undefined
>

[Али Алиев]

might: я понял. вы запускаете в консоле браузера код. попробуйте так

function name() {
console.info('Parent function');
return function() {
console.info('Nested function');
};
}

Answer 2

[Иван Соломенников]

Javascript-джедай #15 - Замыкания

Answer 3

[Елизавета Борисова]

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