Не могу понять задачу по замыканию?

Question

[Alex_87]

Здравствуйте! На сайте https://learn.javascript.ru/ темы Локальные переменные для объекта (по замыканием) Не могу понять решение следующей задачи:

Само решение:

function filter(arr, func) {
  var result = [];

  for (var i = 0; i < arr.length; i++) {
    var val = arr[i];
    if (func(val)) {
      result.push(val);
    }
  }

  return result;
}

function inBetween(a, b) {
    return function(x) {
      return x >= a && x <= b;
    };
  }

function inArray(arr) {
    return function(x) {
      return arr.indexOf(x) != -1;
    };
  }

var arr = [1, 2, 3, 4, 5, 6, 7];
alert( filter(arr, inBetween(3, 6)) ); // 3,4,5,6

Мне непонятна функция inBetween и inArray. Откуда она берёт этот "x"? Откуда и как он берётся, поясните пожалуйста?

Comments

[alex]

зачем здесь for когда есть .filter() ?

Answer 1

[SagePtr]

if (func(val)) {

вот тут значение val передаётся в функцию в виде аргумента x.

Comments

[Alex_87]

Спасибо что ответили, что передаётся в виде аргумента! Но второй вопрос таков... Почему тогда, именно переменная val передаётся, а не к примеру переменная result? Или... почему не передаётся сразу массив arr?

[SagePtr]

Alex_87, потому что функция оценивает каждый отдельный элемент, а не весь массив

[Alex_87]

SagePtr, вы опять ответили только на часть вопроса... ещё раз... Почему в параметр x не записывается переменная var i = 0; (та что в цикле), а записывается значение val?

[SagePtr]

Alex_87, потому что в функцию мы передаём значение элемента. А значение строчкой раннее присваиваем переменной val.
Можно писать if (func(arr[i])) и разницы никакой не будет, но так как это значение используется несколько раз в коде, автор решил вынести его в отдельную переменную.

Answer 2

[Vladimir Bill]

Например на восьмой строке функция filter принимает 2 аргумента: массив и РЕЗУЛЬТАТ вызова функции inBetween т.е.
function(x) {
return x >= 3 && x <= 6;
}, вот в нее то мы и передаём потом val

Comments

[Alex_87]

Во первых, о какой 8 строке вы говорите? Во вторых, какой результат вызова может быть у функции inBetween? Что идёт в этот грёбанный ( потому что никто не может грамотно и чётко объяснить, что и ПОЧЕМУ туда идёт) "x". И, не понятна последняя ваша цитата: "вот в нее то мы и передаём потом val" Так она уже сделала своё дело? Зачем ещё туда что? Функция inBetween уже вернула результат. Вы же сами в начале написали!

[alex]

Alex_87, >какой результат вызова может быть у функции inBetween

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

[Vladimir Bill]

Alex_87, можно проще:
filter(arr, inBetween(3, 6)) это, грубо говоря, то же самое, что и:
filter(arr, function(x) {
return x >= 3 && x <= 6;
});

[Vladimir Bill]

Vladimir Bill, arr мы проходим циклом, и передаём на каждой итерации в функцию наш x

[Vladimir Bill]

Vladimir Bill, наш x - значение массива

[Alex_87]

Alex, я возможно не правильно сформулировал вопрос. Я хотел, дать сказать, что не понимаю, о каком результате вы говорите, если я вас спрашиваю, что означает в ЭТОЙ функции "x"? Что в него передаётся? ... Разумеется, что не мороженное мы получаем, а результат, который нам возвращает return

[Vladimir Bill]

Alex_87,
var val = arr[i];
if (func(val))
В качестве x в нее передается значение массива на данном шаге итерации

[alex]

Alex_87,

что означает в ЭТОЙ функции "x"

x - это параметр функции. и вы потом в функции filter, когда вызываете func, передаете в качестве этого параметра переменную val - func(val).

spoiler

Я хотел, дать сказать, что не понимаю, о каком результате вы говорите,

я говорю о РЕЗУЛЬТАТЕ ВЫЗОВА ФУНКЦИИ. три термина: функция(кофеварка), вызов функции(нажатие кнопки «приготовить кофе») и результат вызова функции (струйка кофе).

в вашем случае результатом вызова функции inBetween будет функция:

// функция
function inBetween(a, b) {
    return function(x) {
      return x >= a && x <= b;
    };
  }

// вызов функции
inBetween(3, 6)

// результат вызова функции
function(x) {
  return x >= a && x <= b;
};

// этот результат вы и передаете как func. 
// т.е. внутри filter func заментися на результат вызова функции.
// а переменные a и b есть замыкания и они будут равны значениям, которые вы указалии при вызове функции inbetween. в нашем случае это 3 и 6. 

//компрендо?

[Alex_87]

Alex, Спасибо, что расписали, мне просто знаете что было не понятно? А то, что в одно место функции filter, идёт внешняя часть функции inBetween, а в другую часть функции filter, идёт внутренняя часть inBetween. Я в первые с этим сталкиваюсь! Это и путает! Непонятны пока тонкости всей работы конкретного примера. На рисунке ниже, я постарался объяснить то, что написал выше:

Вот как это понимать?))) Где есть необходимая статья, которая поясняла бы данный момент?

[alex]

Alex_87,

поясняла бы данный момент

какой момент? это элементарщина, тут и пояснять нечего, вы не понимаете элементарщину. я уж и не знаю как вам еще понятнее объяснить. если сравнивать со школой, то это все равно что не понимать уравнение 2+2=4

Непонятны пока тонкости всей работы

нет тут тонкостей, все очень и очень толсто. разбирайтесь

[Alex_87]

Alex, Во первых, давайте не будем утрировать по поводу легкости этой задачи, уровня 2+2=4. Не такая уж она и понятная с первого раз, раз не один комментатор не смог чётко и ясно это объяснить! Во вторых, в ссылке, что вы дали, нет пояснения данного момента и быть не может, поскольку это тема замыкания, а не функции. И В третьих, если здесь так "толсто", то поясните наконец всё как надо! Вы зачеркнули внешнюю функцию, где были указанны параметры. Вопрос, как тогда значения 3 и 6 попадут в "a и b"??? ... И каким образом в строке if(func(val)) сюда попадает не внешняя функция, а внутренняя, выделенная вами зелёным цветом???

[alex]

Alex_87,

раз не один комментатор не смог чётко и ясно это объяснить

нет. объяснили все ок. просто вы никак не понимаете

spoiler

Во вторых, в ссылке, что вы дали

да, т.к. вы не понимаете как фугкции работают. вы ни как не можете отличить вызов функции от определения функции. вы не понимаете что функцию можно передавать по ссылке точно так же как и строку или число(это вы как раз и делаете в примере - в переменную func вы передаете внутреннюю функцию, она(внутрянняя функция) вернулась в результате вызова внешней(inBetween) функции, т.е. иначе говоря func = inBetween(3, 6)).

Вопрос, как тогда значения 3 и 6 попадут в "a и b"

они в замыкании внутренней функции будут! т.е. она созранит их в своей области видимости.

И каким образом в строке if(func(val)) сюда попадает не внешняя функция, а внутренняя

потому что мы ее туда передали на 21 строчки вашего скриншота как результат вызова функции inbetween!
filter(arr, inBetween(3, 6))
мы вызвали inBetween - она вернула внутренюю функцию, эту внутрення функция и пердается вторым парметром в функцию filter под имнем func. еще раз - не inBetween передается, а её внутряння функция которую она воззвращает при вызове. у этой внутренней функци есть один параметр x, вот с этим параметром мы и вызываем эту внутренню функцию(которая к этому моменту внутри функции filter известна как func). и в качестве параметра x мы передаем i-ый элемент массива arr который вы записываете в переменную val var val = arr[i];

[Alex_87]

Alex, Спасибо за пояснения!

[execto]

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

Answer 3

[execto]

filter(arr, inBetween(3, 6))
Когда вызывается функция filter, в эту функцию передается результат вызова функции inBetween с аргументами 3, 6, эти аргументы сохраняются в замыкании, сама же функция inBetween возвращает функцию
function(x) {
return x >= a && x <= b;
};
Которая и передается уже в функцию filter как аргумент func, и когда преданная функция вызывается внутри filter, то она достает аргументы 3 и 6 из замыкания, а и принимает аргумент x, которые внутри filter передается как val