Javascript 在js文件之间共享对象的最佳方式

我想在多个文件之间共享此对象，以便他们能够读取和修改它

obj = {id: 34234, name: 'xxxx', surname: 'yyyy'};

我应该像这样将js文件导入所有html文件吗

html1.html <script src='myObj.js'></script>
html2.html <script src='myObj.js'></script>
html3.html <script src='myObj.js'></script>
...

html1.html
html2.html
html3.html
...

或者使用

localstorage.setItem（）/localstorage.getItem（）

？哪种方法最好

---

Obs:如果您对上下文感兴趣，那么它是关于调用返回用户/projetcs/project步骤的API。。。当用户登录时，我想获取他们所有的项目。如果用户对其进行编辑，则根据其id加载项目obj并对其进行更改，然后将更改发送到服务器。类似于项目步骤的其他事情也会发生同样的情况（但这会加载到另一个页面）。

如果使用ajax，则必须先调用此文件，然后再调用任何其他文件。请确保在ajax请求的成功回调中调用其他函数

var commonModule=（函数（）{
"严格使用",；
var userInfo={id:1，name:'go'}；//如果需要，可以使用ajax进行设置
返回{
userInfo:userInfo
};
})();
//在另一个文件中，您可以调用
log（commonModule.userInfo.name）使用模块模式。如果您在调用文件之前定义了它，他们可以在文件中调用并修改它，@AbdelrahmanGobarah我将在用户登录并填充数据表时调用API以获取用户项目。比如说，如果用户在一个项目中单击，它会将用户重定向到另一个html页面，该页面与他单击的项目的SETP有关。需要加载项目步骤。那我该怎么做呢？从变量获取还是从本地存储获取？或者使用项目id向API发出另一个请求？如果对象可以随多个用户而不是同一个用户更改，请请求另一个API以确保该对象已更新，如果该对象只能由该用户更改，请仅第一次请求该对象，并将其用作全局变量，@AbdelrahmanGobarah我得到了它。它将针对单个用户，所以最好的方法是可变的。还有一件事，我听说在js中使用全局变量不太好。我应该去吗？酷，我正在看这个图案。看起来正是我需要的。谢谢顺便说一句，我使用fetchapi