如何解决不同页面间的通讯问题

ysk007

shell框架下有个派发功能来解决不同页面的监听调用问题，学习难度有点大，另外培训视频中也讲过通过公共变量的方式来解决不同页面之间的通讯问题，但是通用性不强。
http://bbs.wex5.com/forum.php?mo ... 97074&extra=&page=2，此贴中讲了回调函数的使用，能够解决监听问题，本来想用这个原理改成双向监听，但是受到此贴中16楼qldsrx的启发，如果把model作为全局变量的话，不同页面的调用就会变得简单，易于理解，再参考postMessage的原理做个通讯接口，那么单页模式下的通讯问题就看起来更加简单、自然、优美了。
附件中可以看到引导页、主页、明细页之间互相调用的例子。
核心代码：
        var Model = function(){
                this.callParent();
                window.models = new Object();;//创建公共变量，引导页创建，其他页不需要
                window.models["/demo/models/index.w"] = this;//注册公共变量，每个页都可以这样写
        };

        Model.prototype.modelUnLoad = function(event){
                delete  window.models["/demo/models/index.w"]; //注销共同变量，每个页都可以这样写
        };

//调用明细页的方法               
        Model.prototype.button3Click = function(event){
                var detail = window.models["/demo/models/detail.w"];                               if(!detail){return ;} //加个判断比较安全些
                var msg = detail.onMessage("close");
                alert(msg);
        };
//调用主页的方法
        Model.prototype.button2Click = function(event){
                var main = window.models["/demo/models/main.w"];
                if(!main){return ;} //加个判断比较安全些
                var msg = main.onMessage("close");
                alert(msg);
        };
//监听接口，每个页都可以增加这个函数        
        Model.prototype.onMessage = function(faction,fdata){
                var msg = '';
                if(faction == 'close'){
                        msg = this.canClose();
                        return msg;
                }//后面可以无限扩展其他else if了
        };
//本页内的方法
        Model.prototype.canClose = function(){
                var msg = "please wait,I am from index";
                return msg;
        };

qldsrx

严谨点的话，在得到某页面的model对象后，要判断是否为空，如果页面因为被关闭导致被置空值，再次访问肯定会异常。
至于性能是没有任何损失的，而且这里面的引用是单向的，从全局引用到model，model未曾反向引用到全局，释放会很简单。相比Data组件那复杂的引用链，还有shell类里面内部的路由存储，那才会有性能问题，即使js可以智能到自动回收这样的循环引用对象，判断过程也会很复杂。

负暄

收藏了，非常感谢！

ecoolper

        Model.prototype.modelUnLoad = function(event){
               delete  window.models["/demo/models/index.w"]; //删除model对象，每个页都可以这样写
        };