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

Question

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

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>
...

还是使用localstorage.setItem() / localstorage.getItem()？哪种方法最好？

Obs：如果你对上下文感兴趣，那就是调用一个返回用户/项目/项目步骤的 API......当用户登录时，我想获取他们所有的项目。如果用户编辑它，则按其 id 加载项目 obj 并对其进行更改，然后将更改发送到服务器。项目步骤等其他事情也会发生同样的情况(但这被加载到另一个页面中(。

Answer 1

你必须在任何其他文件之前调用这个文件，如果你使用 ajax 一定要在ajax 请求的成功回调中调用另一个函数

var commonModule = (function() {
'use strict';

var userInfo = { id: 1, name: 'go' }; // use ajax to set it if you want
return {
userInfo: userInfo
};
})();
//in another file you can call 
console.log(commonModule.userInfo.name);