Why variable hoisting after return works on some browsers, and some not?

by

In JavaScript variables are moved to the top of script and then run. So when you run it will do

var myVar1;
alert(myVar1);
return false;

This is because JavaScript doesn’t really have a true sense of lexical scoping. This is why it’s considered best practice to have all your variables declared at the top of the area they will be used to prevent hoisting causing a problem. JSLint will moan about this.

This is a good article that explains it: http://www.adequatelygood.com/2010/2/JavaScript-Scoping-and-Hoisting

The return is invalid. If you want to do a true hoisting example (taken from the link above) do

var foo = 1; 
function bar() { 
    if (!foo) { 
        var foo = 10; 
    } 
    alert(foo); 
} 
bar();

This will alert 10

Below is my understanding and I have read it somewhere but can’t find all the sources that I read so am open to correction.

This Alerts thanks to the differences in the JavaScript JIT. TraceMonkey(http://ejohn.org/blog/tracemonkey/) I believe will take the JavaScript and do a quick static analysis and then do JIT and then try to run it. If that fails then obviously nothing works.

V8 doesn’t do the static analysis and moves to the JIT then runs so something. It’s more akin to Python. If you run the script in the Developer console (ctrl+shift+j in Windows) in Chrome it will throw an error but also run to give you the alert.

More Related Contents:

  1. Javascript function scoping and hoisting
  2. Are variables declared with let or const hoisted?
  3. JavaScript ‘hoisting’ [duplicate]
  4. ‘Hoisted’ JavaScript Variables
  5. Order of hoisting in JavaScript
  6. Why does JavaScript hoist variables?
  7. Will const and let make the IIFE pattern unnecessary?
  8. Why a variable defined global is undefined? [duplicate]
  9. Why do catch clauses have their own lexical environment?
  10. Are ES6 module imports hoisted?
  11. How JS hoisting works within functions?
  12. What happens when JavaScript variable name and function name is the same?
  13. Javascript – Precedence in hoisting
  14. How does this hoisting work with block scope? [duplicate]
  15. Why is my JavaScript hoisted local variable returning undefined but the hoisted global variable is returning blank? [duplicate]
  16. Is there a purpose to hoisting variables?
  17. How to read an external local JSON file in JavaScript?
  18. Wait till a Function with animations is finished until running another Function
  19. Create a file using Javascript in Chrome on client side
  20. Why is document.all falsy?
  21. Scroll event firing too many times. I only want it to fire a maximum of, say, once per second
  22. how to iterate over inner objects / property in an object
  23. How to convert Set to Array?
  24. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  25. Change the style of an entire CSS class using javascript
  26. nodejs – error self signed certificate in certificate chain
  27. AngularJS : Asynchronously initialize filter
  28. map function not working in React
  29. Format Date time in AngularJS
  30. Programmatically accessing function scope using Chrome DevTools console

Leave a Comment