why don’t const and let statements get defined on the window object [duplicate]

by

1. Why do variables declared using the var keyword get defined on window and variables declared with const and let not defined on window?

Because the specification says so. If you are asking for the reason behind that decision, then you should reach out to the specification maintainers.

Classes do not become properties of the global object either btw.

2. What is the difference between “global scope” and the window object provided to us by browsers.

There are two types of base environment records according to the spec:

  • Declarative Environment Record
  • Object Environment Record

A Declarative Environment Record is basically your standard environment that you get when calling a function. All bindings (variables, constants, etc) are defined in some internal data structure that cannot be accessed from normal code.

An Object Environment Record on the other hand uses an actual JavaScript object to store bindings. This is used for example by the now deprecated with statement:

with({foo: 42}) {
  console.log(foo);
}

Now, a Global Environment Record actually consists of two environment records: A declarative environment record and an object environment record. The object environment is backed by the global object, i.e. window and contains var declarations and other globals that the browser provides. The declarative environment contains the let, const, class, etc declarations.

More Related Contents:

  1. How do I check if an element is hidden in jQuery?
  2. How to check whether a string contains a substring in JavaScript?
  3. Get palindrome length from string [closed]
  4. Graphical bar presentation using jquery [closed]
  5. How does data binding work in AngularJS?
  6. Short circuit Array.forEach like calling break
  7. How can I select an element by name with jQuery?
  8. jQuery disable/enable submit button
  9. jQuery object and DOM element
  10. How do you clone an array of objects in JavaScript?
  11. How to resolve the C:\fakepath?
  12. Is there a way to return a list of all the image file names from a folder using only Javascript?
  13. Fetch: reject promise and catch the error if status is not OK?
  14. How can I use ranges in a switch case statement using JavaScript?
  15. React Native: require() with Dynamic String?
  16. Pass arguments with page.evaluate
  17. How does setInterval and setTimeout work?
  18. Remove zero-width space characters from a JavaScript string
  19. Can I construct a JavaScript object without using the new keyword?
  20. Defer Attribute (Chrome)
  21. jQuery.getScript alternative in native JavaScript
  22. Is there a JavaScript function that reduces a fraction
  23. Is there a ‘has focus’ in JavaScript (or jQuery)?
  24. How to detect when history.pushState and history.replaceState are used? [duplicate]
  25. ReactJs: Prevent multiple times button press
  26. How to use OR condition in a JavaScript IF statement?
  27. Animating Multiple Markers
  28. JavaScript: What are .extend and .prototype used for?
  29. Error: Attempt to run compile-and-go script on a cleared scope
  30. Decode HTML entity in Angular JS

Leave a Comment