Почему во внешней функции аргументы недоступны, а во внутренней — доступны?

Question

[alexnotonfire]

Есть массив объектов и есть сортировка массива по полю num. Все работает, но я не могу въехать почему во внешней функции, при ее вызове, переданные аргументы - недоступны, а во внутренней - доступны? Вроде бы как функция должна содержать информацию о внешних переменных. Просветите, пожалуйста, кто понимает?

let numbers = [{ num: 3, name: 'Josh'}, { num: 1, name: 'Alice' }, { num: 2, name: 'Bob' }];

function byField(field) {
  // Почему здесь переменные a и b - недоступны
  return function(a, b) {
    // А здесь уже доступны?
    return a[field] > b[field] ? 1 : -1;
  }
}

numbers.sort(byField('num'));

Comments

[Андрей Хохлов]

Это настолько логично, что я даже не знаю что ответить.

Давайте с другой стороны. Почему по вашему эти «переменные» должны быть доступны?

[Kovalsky]

alexnotonfire, не, вы в sort передаёте результат вызова функции byField, то есть функцию function(a, b) {}, и вот уже её sort вызывает внутри для каждого элемента.

[alexnotonfire]

Никита Полевой, Спасибо, я осознал.

[Андрей Хохлов]

alexnotonfire, вызов byField возвращает функцию, которая передаётся в качестве аргумента методу sort, который вызывает эту функцию с аргументами (a и b).

Изучайте https://learn.javascript.ru

[alexnotonfire]

Андрей Хохлов, Спасибо огромное!

Answer 1

[Иван Шумаков]

Переменные a и b объявлены в самой внутренней функции и они являются свойствами лексического окружения (Lexical Environment) именно этой функции и видны только внутри нее (снаружи не видны).
Если бы переменные были бы заданы внутри функции с помощью var то это были бы свойства глобального объекта (в браузере window) и были бы доступны всюду, но в вашем случае это не так.
Если бы вы сказали для чего они вам там нужны, помочь вам стало бы возможным.
PS Вот так вот будет видно везде:

// и даже здесь
function byField(field) {
  // теперь c и d доступны здесь (раз уж это вам так надо)
  return function(a, b) { 
    var c = a, d = b;
    return a[field] > b[field] ? 1 : -1;
  }
}

Только правильнее было бы поступить так:

var compareByField = byField('num');
numbers.sort(compareByField(a, b));

Comments

[alexnotonfire]

Спасибо огромное за пояснение!

[Андрей Хохлов]

Вы проверяли свой код?

[Иван Шумаков]

Андрей Хохлов, конечно нет, я же делетант. Спасибо что поправили)
Вот так вот работает:

// и даже здесь
function byField(field) {
  // теперь c и d доступны здесь (раз уж это вам так надо)
  return function(a, b) { 
    window.c = a;
    window.d = b;
    return a[field] > b[field] ? 1 : -1;
  };
};

[Андрей Хохлов]

Иван Шумаков, остановитесь)

[Иван Шумаков]

Андрей Хохлов, у меня написано немного другое, нежели у вас)

function makeHelloMan() {
     return function(a, b) { 
    	window.c = a;
        window.d = b;
     };
};
      
var make = makeHelloMan();
make("Hello",  "Man");
alert(c + " " + d);

[Андрей Хохлов]

Иван Шумаков, теперь другое, но и смысл теперь другой. А в комментарии выше вот так:

Вы не подумайте, что я со зла прицепился. Проблема только в том, что ваш ответ отмечен решением, а в нем (и в комментариях) есть грубые ошибки, которые обязательно кто-то примет за истину.

Answer 2

[Василий Мажекин]

numbers.sort(function(a, b) {return a.num > b.num ? 1 : -1 })
Может так понятней

Answer 3

[Negwereth]

Потому что аргументы функции доступны только во время её выполнения. Именно на этом и строятся области видимости. И именно поэтому родительская функция никогда не видит переменные из дочерней.