В чем разница между var f = function(){}; и function f(){};?

Question

[krll-k]

В чем разница между var f = function(){}; и function f(){};?

Answer 1

[Андрей]

var f = function() {}; — function expression
function f() {}; — function declaration

Основная разница в том, что второе поднимает определение функции до начала области видимости, в которой она объявлена. То есть можно использовать функцию до ее объявления.

hoisted(); // выведет 'foo'

function hoisted() {
  console.log('foo');
}

notHoisted(); // TypeError: notHoisted is not a function

var notHoisted = function() {
   console.log('bar');
};

upd:
Другое отличие состоит в возможности моментального вызова функции, так называемое iife

var expression = function() { console.log('foo'); }();
// выведет 'foo'

function declaration() { console.log('bar'); }();
// SyntaxError: expected expression, got ')'

Comments

[Dmitry Demin]

К тому же, при декларировании, будет использоваться последняя версия функции
Пример:
X() //1
function X(){ return 3}
function X(){ return 1}

Answer 2

[Mikhail Osher]

// line 1
typeof hoisted; // function
'hoisted' in window; // true

// Some code...

// line 500
function hoisted() {}

А этот код

// line 1
typeof hoisted; // undefined
'hoisted' in window; // true

// Some code...

// line 500
var hoisted = function() {};

То же самое, что и

// line 1
var hoisted;
typeof hoisted; // undefined
'hoisted' in window; // true

// Some code...

// line 500
hoisted = function() {};

Answer 3

[President42]

по-моему, во втором случае можно использовать функцию до объявления, а в первом -- нельзя

Answer 4

[whats]

Гугл сломался ?

Answer 5

[Dmitriy]

хорошим тоном считается использовать второй вариант