What happens when JavaScript variable name and function name is the same?

by

Functions are a type of object which are a type of value.

Values can be stored in variables (and properties, and passed as arguments to functions, etc).

A function declaration:

  • Creates a named function
  • Creates a variable in the current scope with the same name as the function (unless such a variable already exists)
  • Assigns the function to that variable
  • Is hoisted

A var statement:

  • Creates a variable in the current scope with the specified name (unless such a variable already exists)
  • Is hoisted
  • Doesn’t assign a value to that variable (unless combined with an assignment operator)

Both your declaration and var statement are hoisted. Only one of them assigns a value to the variable a.

More Related Contents:

  1. How do JavaScript closures work?
  2. What is the scope of this JavaScript function
  3. I would like to ask how to explain this (javascript function)
  4. What is the scope of variables in JavaScript?
  5. Javascript function scoping and hoisting
  6. Define a global variable in a JavaScript function
  7. Function declarations inside if/else statements?
  8. Will const and let make the IIFE pattern unnecessary?
  9. Why do catch clauses have their own lexical environment?
  10. Access variable outside function scope [duplicate]
  11. functions inside or outside jquery document ready
  12. Calling a Function defined inside another function in Javascript
  13. Javascript – Precedence in hoisting
  14. Function not calling within an onclick event
  15. Javascript: Do I need to put this.var for every variable in an object?
  16. JavaScript plus sign in front of function expression
  17. Is the underscore prefix for property and method names merely a convention?
  18. Is it possible to get all arguments of a function as single object inside that function?
  19. JavaScript Callback Scope [duplicate]
  20. The invocation context (this) of the forEach function call
  21. Javascript functions like “var foo = function bar() …”?
  22. Node.js variable declaration and scope
  23. Why most JavaScript native functions are slower than their naive implementations?
  24. Are ES6 module imports hoisted?
  25. onsubmit multiple javascript functions
  26. Can I name a JavaScript function and execute it immediately?
  27. Class methods as event handlers in JavaScript?
  28. Scope issues with Angular UI modal
  29. difference between parseInt() and parseFloat() [duplicate]
  30. javascript click event handler fires without clicking

Leave a Comment