Не могу присвоить функцию переменной (вопрос новичка)

[Goodman-77]

Добрый день!

Подскажите, кто чем может - изучаю JS и не могу понять одну вещь. 

Почему вот так ошибки нет: 

function f() {
  var z = 7;
  return function() {
    console.log(z);
  }
}

var x = f();
x();

—————
7

А вот так ошибка есть:

function f() {
  var z = 7;
  return console.log(z);
}

var x = f();
x();

——————-
Uncaught TypeError: x is not a function
at <anonymous>:7:1

 

Я ника не могу понять, почему в первом случае x(); отрабатывает, а во втором это вдруг уже не функция. 

[wwt]

в первом случае функция f() возвращает значение - анонимную функцию, которую вы присваиваете переменной x  и потом вызываете через x()

во-втором случае это не так и строка x() не верна, ибо x не является функцией

[by chris]

Во втором случае достаточно вызвать функцию f.

[Goodman-77]

А почему во втором случае X не является функцией, если я присваиваю её?
 

var x = f();

 

[wwt]

6 минут назад, Goodman-77 сказал:

А почему во втором случае X не является функцией, если я присваиваю её?
 

var x = f();

 

вы присваиваете не функцию переменной x, а итог работы функции.

function f(){
  return 123;
}
console.log(f());//вернет '123'
var x = f();
console.log(typeof x);//вернет 'number' ибо присваивается результат работы функции f
var x = f;
console.log(typeof x);//вернет 'function' ибо присваивается ссылка на функцию f
console.log(x());//вернет '123'

 

[Goodman-77]

Теперь всё понятно. Спасибо большое!