JavaScript hoisting explanation

by 
return function a(){};

Here function ... is an expression. A named function expression to be precise. The a here doesn’t matter much, it just gives the anonymous function a .name, but it’s still just a function expression that you’re returning.

return 
function a(){};

This here is equivalent to:

return;
function a(){};

Here function a is a declaration, not an expression. It is hoisted, creating a local name a in the scope, shadowing the outer a. I.e. it is equivalent to:

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

More Related Contents:

  1. required field notification using jquery
  2. Private properties in JavaScript ES6 classes
  3. How to make the window full screen with Javascript (stretching all over the screen)
  4. Why is null an object and what’s the difference between null and undefined?
  5. Link and execute external JavaScript file hosted on GitHub
  6. YouTube iframe API: how do I control an iframe player that’s already in the HTML?
  7. Check if element is visible in DOM
  8. Why don’t we just use element IDs as identifiers in JavaScript?
  9. How do I concatenate a string with a variable?
  10. new Date() works differently in Chrome and Firefox
  11. Get HTML5 localStorage keys
  12. Can we call the function written in one JavaScript in another JS file?
  13. Ternary operators in JavaScript without an “else”
  14. Adding custom HTTP headers using JavaScript
  15. Is there a way to wrap an await/async try/catch block to every function?
  16. Input field value – remove leading zeros
  17. Use variable outside the success function from an ajax/jquery call
  18. Changing Style Sheet javascript
  19. Parse XLSX with Node and create json
  20. Why is document.execCommand(“paste”) not working in Google Chrome?
  21. How do you search an array for a substring match?
  22. js window.open then print()
  23. What’s the difference between empty items in a JavaScript array and undefined? [duplicate]
  24. Mongoose: multiple query populate in a single call
  25. Accessing the document object of a frame with JavaScript
  26. jqPlot DateAxis tickInterval not working
  27. Opening a new tab using Ctrl + click combination in Selenium Webdriver
  28. jQuery: Select data attributes that aren’t empty?
  29. Key for javascript dictionary is not stored as value but as variable name
  30. read csv/tsv with no header line in D3

Leave a Comment