f4t65q
Last Updated: February 25, 2016
·
844
· steveniseki
Stevenm

JavaScript function expression vs function statement

function expressions and function statements are very similar in JavaScript, the difference is how the browser loads them into the execution context.

// function statement
function foo() {
}

// function expression
var foo = function() {
};

<b>function statements</b>

A function statement loads before any code is executed. This behavior of function statements is called hoisting, which allows a function to be used before it is defined.

alert(foo()); // Alerts "hello from foo".
function foo() { return "hello from foo"; } 

<b>function expressions</b>

A function expression associates a value with a variable, just like any other assignment statement. function expressions load only when the interpreter reaches the definition of the function.

alert(foo()); // ERROR!
var foo = function() { return "hello from foo"; } 

more info on JavaScript concepts

Say Thanks
Respond

1 Response
Add your response

14336
Vraa

Such a subtle code but huge difference between how they behave. :)

over 1 year ago ·