Create a Global Variable in JavaScript, which is not accessible to console

Question

How to create a global variable in Client side JS, where the variable should not be accessible from browser console ? I tried using let, it did not work (the code below is not in a function it is in a script file)

let data={
   "data-item":"Secure Data"
};

I also tried adding data in a class and using an instance of it but the instance is also accessible from console. The variable is an object and will be modified dynamically by user interaction, so cannot freeze the object either.

If it's global, it'll be accessible from the console. I'd give up on making it global. — CertainPerformance
– CertainPerformance, Commented Jan 18, 2021 at 6:38
@CertainPerformance but there are a lot of functions and event listeners that has to access this variable dynamically when user interacts. — 27px
– 27px, Commented Jan 18, 2021 at 6:40
That shouldn't make it an issue - just scope everything to some private closure. — CertainPerformance
– CertainPerformance, Commented Jan 18, 2021 at 6:41

CertainPerformance · Accepted Answer · 2021-01-18 06:46:00Z

4

If an identifier is global, it will be accessible from the console.

If you want something not to be accessible from the console, it will have to not be global. Easiest option would be to put everything into an IIFE. For example, turn this:

let data={
   "data-item":"Secure Data"
};
// lots and lots of functions and variables that reference data

into this:

(() => {
  let data={
     "data-item":"Secure Data"
  };
  // lots and lots of functions and variables that reference data
})();

and then data will be scoped only inside the IIFE, so it won't be accessible from the console, but everything that needs to access it will still be able to see it.

answered Jan 18, 2021 at 6:46

CertainPerformance

374k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

27px Over a year ago

It works and to access the functions inside this arrow function, I have to use addeventListener instead of onclick. and the whole thing should be inside window.onload event handler to get elements only after it is loaded

Collectives™ on Stack Overflow

Create a Global Variable in JavaScript, which is not accessible to console

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related