Не первые функции класса означают, что они ведут себя как переменные? Очевидно, что они не ведут себя точно так же, как переменные, поскольку это:
console.log(foo);
var foo = 'bar';
... не работает, тогда как это:
console.log(foo());
function foo() {
return('bar');
}
... делает.
Тем не менее, это:
console.log(foo());
var foo = function() { return 'bar'; };
не работает, что более согласовано.
Что дает?
Потому что вы не сравниваете одно и то же. В вашем примере вы сравниваете объявление функции function foo()... с объявлением переменной и присваиванием в var foo = 'bar';
Более правильное сравнение было бы:
console.log(foo);
var foo = 'bar';
с
console.log(foo());
var foo = function() {
return 'bar';
}
Функциональная декларация интерпретируется по-разному из-за того, как работает hoisting. Подъем перемещает все объявления в верхнюю часть ближайшей области, , оставляя при этом присваивания.
Объявление функции является особым в этом смысле, поскольку оно является как объявлением, так и выражением/присваиванием в одном выражении и тем самым поднимается вместе.
В качестве примера: вы можете посмотреть выражения типа:
console.log(foo);
var foo = 'bar';
как это:
var foo;
console.log(foo); //prints undefined
foo = 'bar';
и
console.log(foo());
var foo = function() {
return 'bar';
}
как это:
var foo;
console.log(foo());
foo = function() {
return 'bar';
}
То, что вы испытываете, называется подъемом. При использовании объявления функции, например:
function foo() {}
foo будет перемещен в начало ближайшей области (функции).
С другой стороны, когда вы используете выражение функции или назначение функций, например:
var foo = function() {}
переменная foo будет перемещена в начало, но присваивание произойдет, когда это необходимо.
Объявления функций автоматически попадают в область видимости в JS
console.log(foo());
function foo() {
return('bar');
}
фактически интерпретируется как
function foo() {
return('bar');
}
console.log(foo());
второй бит кода работает таким образом, потому что foo - переменная, а не функция (она просто имеет анонимную функцию как значение). Переменные также наклонены вверх, поэтому
console.log(foo());
var foo = function() { return 'bar'; };
становится
var foo; //empty variable
console.log(foo()); //undefined
foo = function() { return 'bar'; }; //creates a function without name and assigns it to foo
Объявление функции и объявление переменной всегда будут перемещены в начало области.
console.log(foo());
function foo() {
return 'bar';
}
интерпретируется как:
function foo() {
return 'bar';
}
console.log(foo());
console.log(foo());
var foo = function () {
return 'bar';
};
интерпретируется как:
var foo;
console.log(foo());
foo = function () {
return 'bar';
};