Why can I use a function before it’s defined in JavaScript?

by

The function declaration is magic and causes its identifier to be bound before anything in its code-block* is executed.

This differs from an assignment with a function expression, which is evaluated in normal top-down order.

If you changed the example to say:

var internalFoo = function() { return true; };

it would stop working.

The function declaration is syntactically quite separate from the function expression, even though they look almost identical and can be ambiguous in some cases.

This is documented in the ECMAScript standard, section 10.1.3. Unfortunately ECMA-262 is not a very readable document even by standards-standards!

*: the containing function, block, module or script.

More Related Contents:

  1. What is wrong with this function
  2. Javascript won’t output values from input box
  3. What is the use of the JavaScript ‘bind’ method?
  4. How can I call PHP functions by JavaScript?
  5. jQuery’s .click – pass parameters to user function
  6. Calling a JavaScript function returned from an Ajax response
  7. Call Python function from JavaScript code
  8. ES6 destructuring function parameter – naming root object
  9. How does Asynchronous Javascript Execution happen? and when not to use return statement?
  10. Calling a JavaScript function named in a variable [duplicate]
  11. How to define custom sort function in javascript?
  12. JavaScript function order: why does it matter?
  13. Higher-order functions in Javascript
  14. Calling a javascript function recursively
  15. How to make chainable function in JavaScript?
  16. Access variable outside function scope [duplicate]
  17. Get the weekday from a Date object or date string using JavaScript
  18. Is there a JavaScript function that reduces a fraction
  19. What object javascript function is bound to (what is its “this”)?
  20. What happens if I call a function with more arguments than it is defined to accept?
  21. Set type for function parameters?
  22. Calling a Function defined inside another function in Javascript
  23. Can you alter a Javascript function after declaring it?
  24. The reason to use JS .call() method?
  25. Promise and Promise.all(array) executed before array fulfilled [duplicate]
  26. Can you create functions with custom prototypes in JavaScript?
  27. Use JavaScript variable as function name?
  28. difference between parseInt() and parseFloat() [duplicate]
  29. Passing a function with arguments as an argument?
  30. javascript click event handler fires without clicking

Leave a Comment