JS设置和读取全局变量的9种方式

vue2项目我遇到了这个问题：public文件夹下的文件需要获取用户Token

直接上代码：

使用html5中的localStorage
(localStorage对象中存储的数据永不过期，除非手动删除，可以用于存储用户设置、会话状态和临时数据等信息。)

// 用于反编译的静态文件获取
localStorage.setItem('LOGIN_USER_TOKEN', token) token
localStorage.getItem('LOGIN_USER_TOK

除此之外我还了解到有其他8种解决方案以供参考。
1、使用全局对象window

window.globalVar = 'hello’;
console.log(window.globalVar); // 'hello'

2、使用global对象

global.globalVar = 'hello’;
console.log(global.globalVar); // 'hello'

3、使用globalThis对象

globalThis.globalVar = 'hello’; 
console.log(globalThis.globalVar); // 'hello'

4、使用Object.defineProperty方法

Object.defineProperty(global, 'globalVar', { value: 'hello', configurable: false }); 
console.log(global.globalVar); // 'hello'

5、使用Node.js中的全局对象global

global.myGlobalVariable = 'abc';

6、使用ES6中的Proxy对象

const myGlobalVariable = new Proxy({}, { get: (target, key) => { return target[key] || 'abc'; }, set: (target, key, value) => { target[key] = value; }});

7、使用Node.js的process.env属性

process.env.MY_GLOBAL_VARIABLE = 'abc';

8、使用Node.js的globalThis对象

globalThis.myGlobalVariable = 'abc';