Javascript function scoping and hoisting

by

Function hoisting means that functions are moved to the top of their scope. That is,

function b() {  
   a = 10;  
   return;  
   function a() {} 
}

will be rewritten by the interpeter to this

function b() {
  function a() {}
  a = 10;
  return;
}

Weird, eh?

Also, in this instance,

function a() {}

behaved the same as

var a = function () {};

So, in essence, this is what the code is doing:

var a = 1;                 //defines "a" in global scope
function b() {  
   var a = function () {}; //defines "a" in local scope 
   a = 10;                 //overwrites local variable "a"
   return;      
}       
b();       
alert(a);                 //alerts global variable "a"

More Related Contents:

  1. Will const and let make the IIFE pattern unnecessary?
  2. Why do catch clauses have their own lexical environment?
  3. What happens when JavaScript variable name and function name is the same?
  4. What is the scope of this JavaScript function
  5. What is the scope of variables in JavaScript?
  6. How do I access previous promise results in a .then() chain?
  7. What is the purpose of wrapping whole Javascript files in anonymous functions like “(function(){ … })()”?
  8. Preserving a reference to “this” in JavaScript prototype functions [duplicate]
  9. Is it possible to gain access to the closure of a function?
  10. Please explain the use of JavaScript closures in loops [duplicate]
  11. How can I access local scope dynamically in javascript?
  12. JavaScript ‘hoisting’ [duplicate]
  13. Understanding Service Worker scope
  14. ‘Hoisted’ JavaScript Variables
  15. Order of hoisting in JavaScript
  16. Why is window (and unsafeWindow) not the same from a userscript as from a tag?
  17. Why a variable defined global is undefined? [duplicate]
  18. Ajax jquery success scope
  19. Specify scope for eval() in JavaScript?
  20. How to avoid accidentally implicitly referring to properties on the global object?
  21. Limiting number of displayed results when using ngRepeat
  22. Why was block scope not originally implemented in JavaScript?
  23. What is the ‘global’ object in NodeJS
  24. Chrome console already declared variables throw undefined reference errors for let
  25. javascript closure immediate evaluation [duplicate]
  26. Is event a global variable that is accessible everywhere inside the callback chain?
  27. Context-preserving eval
  28. Scope issues with Angular UI modal
  29. How does this hoisting work with block scope? [duplicate]
  30. Setting onclick to use current value of variable in loop [duplicate]

Leave a Comment