Javascript Angular 6-在不同选项卡和浏览器之间共享对象实例

最近我遇到了一个稍微不同的问题。这里的交易：我使用的API要求我在整个应用程序中使用相同的实例

问题是，我的应用程序同时在不同的选项卡和不同的浏览器中运行，考虑到这一点，我的应用程序一直在引导并创建我需要使用的对象的新实例

我试图创建一个服务并将其注入到应用程序模块中，但在某个时刻，将生成一个新实例

现在我尝试使用本地存储来保存实例，但是当我检索我的对象时，我无法调用属于该对象的函数

   let storedObject = localStorage.getItem("storedObject");

  if(storedObject == null) {
        this.storeInstance();
  } else {
      let instancedObj = JSON.parse(storedObject);
      instancedObj.somefunction(); // THIS DOESN'T WORK
  }

  storeInstance() {
       const objThatNeedsToBeTheSame = new TestObject();

       // key / value
       localStorage.setItem("storedObject", JSON.stringify(objThatNeedsToBeTheSame));
  }

---

我认为这是firebase实时API数据库的一个很好的使用案例，并通过令牌进行身份验证。

我将尝试一下，并让您知道它是如何运行的。非常感谢你。另外，我也在看BroadcastChannel API。