About defining global variables in JavaScript

Question

As per my understanding , in ES6 we can define global variables in 2 ways

var global1 = '1'; // CASE 1

In this case "global1" is set as a property of DOM window object , so window.global1 will print "1".

let global2 = '2'; // CASE 2

In this case "global2" is NOT set as a property of DOM window object , so window.global2 will print undefined.

My question is how to achieve case 2 in case of ES5.

They both define global variables when placed at the topmost scope. — Aluan Haddad
– Aluan Haddad, Commented Nov 12, 2017 at 5:49
@stealththeninja , @ Aluan Haddad , My intention is to define global not as a property of window object , in ES5 — refactor
– refactor, Commented Nov 12, 2017 at 6:23

loganfsmyth · Accepted Answer · 2017-11-12 07:09:35Z

You can't. It is possible in ES6 because let and const declarations are stored in their own global environment that isn't tied to the global object. If you're working with ES5, that mechanism does not exist.

Generally global variables, in either approach, are frowned up on in JS codebases though. Ideally you's want to use a module system alongside Webpack to bundle up your code so that each file has its own scope, with things linked with explicit imports and exports.

Collectives™ on Stack Overflow

About defining global variables in JavaScript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related