javascript - 同源 iFrame 单例

Question

我有一个 Web 应用程序，它作为托管在单个父窗口中的多个 iframe 运行(基本上是修改后的 GWT)http://en.wikipedia.org/wiki/Google_Web_Toolkit .我不是让每个 iframe 单独访问我们的后端服务，而是尝试让它们通过使用 window.parent 全局对象共享数据服务。我设置了这个单例模式-

define(function(){
    var DocumentService = function () {

        //create namespace if not there
        if (!parent.OurApp) {
           parent.OurApp= {};
        }
        //grab the singleton instance and return it if there
        if (parent.OurApp.DocumentService) {

            return parent.OurApp.DocumentService;
        }
        //assign the global
        parent.OurApp.DocumentService= this;

        //start fetch on instantiation
        this.items;
        this.getItems();
        this.startInterval();

    } 
    DocumentService.prototype.getItems = function(){
      //Rest service call here
      //this.items.push(response); some pseudo-code here
    };
    DocumentService.prototype.startInterval = function(){
      var self = this;
      this.intervalId = parent.setInterval(function(){
         console.log("Fetching items @ " +new Date());
         this.getitems();
      },300000);
    };
  //return new instance or singleton instance
  return new DocumentService();
});

所以这个过程在初始加载时起作用，getItems() 从服务加载数据，setInterval 启动一个循环来运行 getItems。我可以查看项目数组并查看更改和添加。

现在这就是棘手的地方。如果您通过右键单击“重新加载框架”而不是父窗口单独重新加载框架，则服务的父实例将继续运行，但是当 iFrame 通过获取新的 DocumentService() 访问“父”实例单例时，线程不再同步或其他东西，因为框架不再注册控制台日志，或更改项目数组。为什么会发生这种情况的任何推理？我的单例模式有缺陷吗？

Answer 1

我一直无法完全解决这个问题，但我选择了另一条路线。以后我会使用内置的跨框架通信机制，比如postMessage等。