Function declaration in block moving temporary value outside of block?

by

The following happens:

(1) There exist two variable declarations a, one inside the block and one outside of it.

(2) The function declaration gets hoisted, and bound to the inner blocks variable.

(3) a = 5 is reached, which overrides the block variable.

(4) the function declaration is reached, and the block variable is copied to the outer variable. Both are 5 now.

(5) a = 0 is reached, which overrides the block variable. The outer variable is not affected by this.

 var a¹;
 if (true) {
   function a²() {} // hoisted
   a² = 5;
   a¹ = a²; // at the location of the declaration, the variable leaves the block      
   a² = 0;
  console.log(a²)
}
console.log(a¹);

This is actually not really part of the specification, it is part of the web legacy compatibility semantics, so don’t rely on this code to behave in this way and always "use strict"; mode.

This is also explained here.

More Related Contents:

  1. How to add class to div based on radio button selected in it?
  2. Why does typeof NaN return ‘number’?
  3. Explanation of …
  4. Accessing Redux state in an action creator?
  5. How to Consume Http Component efficiently in a service in angular 2 beta?
  6. How do I load a JSON object from a file with ajax?
  7. Can jQuery provide the tag name?
  8. replace innerHTML in contenteditable div
  9. javascript: recursive anonymous function?
  10. RxJS Promise Composition (passing data)
  11. Javascript console.log() in an iOS UIWebView
  12. ASP.NET MVC Bundle not rendering script files on staging server. It works on development server
  13. Load image with jQuery and append it to the DOM
  14. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  15. JavaScript: How to get setInterval() to start now? [duplicate]
  16. Override function (e.g. “alert”) and call the original function?
  17. Is there a way to enable the JavaScript Error/Debug Console for Safari within Android?
  18. How to display pie chart data values of each slice in chart.js
  19. bootstrap popover not showing on top of all elements
  20. How do I configure different environments in Angular.js?
  21. ESRI : Failed to parse source map
  22. Preloading @font-face fonts?
  23. Get all elements in the body tag using pure javascript
  24. How do I add button on each row in datatable?
  25. Force page zoom at 100% with JS
  26. JQuery UI Tabs Causing Screen to “Jump”
  27. Google Maps API v3 Highlight Country Border without using Polygons
  28. TypeScript, Looping through a dictionary
  29. execute some code and then go into interactive node
  30. How should I crop an image at client side using jcrop and upload it?

Leave a Comment