Почему return функции без скобок — выполняет ее, а не возвращает объект функции?

Question

[alexnotonfire]

Есть код. Функция вложена в другую функцию.

function makeCounter() {
  function counter() {
    alert('test');
  };

  return counter;
}

var counter = makeCounter();
counter();

Почему в этом примере вызвется alert, хотя по идее если мы возвращаем функцию без круглых скобок, то должен вернутся объект функции? Может кто-то теоретически пояснить?

Comments

[Mikhail Osher]

С чего Вы взяли, что он должен вернуть код функции? Откуда такой миф?

[alexnotonfire]

Mikhail Osher, Объект имел я в виду, извините.

Answer 1

[VoidVolker]

Потому что () означает "выполнить функцию". Это может быть как именнованная функция, так и переменная содержащая функцию.

function foo1(){ console.log('foo1'); }
var foo2 = function (){ console.log('foo2'); }
foo1();
foo2();

Результат будет одинаковый. В вашем случае в переменной counter находится функция - поэтому она и выполняется при попытке её вызвать как функцию.
var counter = makeCounter();
Разворачиваем:

var counter = (function makeCounter() {
  function counter() {
    alert('test');
  };
  return counter;
})();

Далее:

var counter = (function makeCounter() {
  return function counter() {
    alert('test');
  };
})();

var counter = function() { alert('test'); };

Comments

[alexnotonfire]

Спасибо! Второе foo2 - это функциональное выражение, верно?

[VoidVolker]

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

[abberati]

alexnotonfire, да, это функциональное выражение.
это не "просто обычное определение функции и сохранение функции в переменной"

[VoidVolker]

Как это так "не"? Функция есть? Есть. Переменная есть? Есть. Функция сохраняется в переменную? Сохраняется. Так почему нет?

[Tsimur_S]

VoidVolker, а что означает обычное определение функции? есть еще и необычное?

[VoidVolker]

Это просто значит, что мы создаем какую-либо функцию и задаем ей какой-либо функционал.

[Tsimur_S]

VoidVolker по вашему var x = function(){фунционал} и function x() {фунционал} это одно и тоже?

[VoidVolker]

Не по моему, а так и есть.

[Tsimur_S]

VoidVolker, нет, так не есть.

[VoidVolker]

Результат-то будет одинаковый. В чем отличия? В первом случае функция безымянная? Так там можно и именованную функцию использовать.

[alexnotonfire]

Попробуйте вызвать первую функцию до объявления и вторую и увидите результат.

[VoidVolker]

Все равно результат будет одинаковым - все объявления переменных и функций "всплывают" наверх и в области видимости будет все то же самое. И какой же результат должен быть?

[Tsimur_S]

VoidVolker, нет результат не одинаковый.
function foo1(){ console.log('foo1'); } всплывает наверх
а var foo2 = function (){ console.log('foo2'); } не всплывает. foo2 будет undefined выше по коду.

[VoidVolker]

А, ну окк, разница во "всплытии" функций/переменных в области видимости. Но в итоге-то все равно результат будет одинаковым.

[Tsimur_S]

VoidVolker, Всплывает оно потому что записанно совершенно по разному лексически. И эти два подхода называются по разному: функциональное выражение и обьявление функции. Например патерн IIFE((Immediately-invoked function expression)) даже своим названием намекает на то что возможен только с функциональными выражениями.
Можно и шуруповерт и перфоратор называть дрелью, ну а че ведь они оба крутят патрон. Просто тогда вас могут не понять другие, вот и все.

[VoidVolker]

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

Answer 2

[Tsimur_S]

var counter = makeCounter();
вот тут возвращается обьект функции.
counter();
а тут он выполняется
В чем проблема то?

Comments

[alexnotonfire]

Почему, если вызвать функцию makeCounter() без присвоения, алерт не выскочит? В чем разница?

[Tsimur_S]

alexnotonfire можно и без присвоения сделать, makeCounter()().
Что по вашему возвращает makeCounter()?

[alexnotonfire]

Переменной counter присвоится объект функции counter, которая потом вызвет это дело. Я идиот, простите. Как удалить вопрос?