What is the correct term for variable shadowing in JavaScript?

by

The correct term is [Variable] Shadowing

In computer programming, variable shadowing occurs when a variable declared within a certain scope (decision block, method, or inner class) has the same name as a variable declared in an outer scope. This outer variable is said to be shadowed…

Functions in JavaScript are just function-objects stored within variables (or properties) that follow the same scope-chain/resolution rules as normal variables (or properties). This explains why the original can still be accessed as window.parseInt as well. It is the “IIFE” which introduces this new scope (functions are the only way to introduce new scope in JavaScript).

However, the ECMAScript Specification [5th Edition] does not use the term shadowing, nor can I find a specific replacement term. (The fundamental shadowing behavior is defined in “10.2.2.1 GetIdentifierReference” and related sections.)

It is not overloading and it is not overriding, which are entirely different. I have no idea where overshadowing (in this context) originated or how it is supposed to differ from “normal” [variable] shadowing. If the term shadowing didn’t already exist to explain this behavior then — from an English language viewpoint anyway — overshadowing (“to make insignificant/inconsequential”) might be more appropriate than shadowing (“to cast shadow on/darken”).

Happy coding.

More Related Contents:

  1. What is the purpose of wrapping whole Javascript files in anonymous functions like “(function(){ … })()”?
  2. I would like to ask how to explain this (javascript function)
  3. What’s the difference between using “let” and “var”?
  4. What is the purpose of a self executing function in javascript?
  5. Javascript function scoping and hoisting
  6. Define a global variable in a JavaScript function
  7. JavaScript closures vs. anonymous functions
  8. Assigning prototype methods *inside* the constructor function – why not?
  9. Function declarations inside if/else statements?
  10. What underlies this JavaScript idiom: var self = this?
  11. Set “this” variable easily?
  12. array.length is zero, but the array has elements in it [duplicate]
  13. Will const and let make the IIFE pattern unnecessary?
  14. What does this “(function(){});”, a function inside brackets, mean in javascript? [duplicate]
  15. Why do catch clauses have their own lexical environment?
  16. Why is the variable `closed` being logged as `false`, if I define it globally as `0`?
  17. What’s the difference between a global variable and a ‘window.variable’ in JavaScript?
  18. How can I return a variable from a $.getJSON function
  19. Global JavaScript Variable Scope: Why doesn’t this work?
  20. functions inside or outside jquery document ready
  21. JavaScript scope and closure
  22. javascript variable scope in the IF statement
  23. Dollar sign before self declaring anonymous function in JavaScript?
  24. Why Is `Export Default Const` invalid?
  25. Why does IE nuke window.ABC variables?
  26. Why does .then() chained to Promise.resolve() allow const declaration to be reassigned?
  27. Function not calling within an onclick event
  28. Javascript scope addEventListener and this
  29. How to set javascript private variables in constructor?
  30. Programmatically accessing function scope using Chrome DevTools console

Leave a Comment