dojo.connect的实现方法

最新推荐文章于 2020-07-24 07:32:40 发布

转载最新推荐文章于 2020-07-24 07:32:40 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/xpbug/blog/71941

本文深入探讨了Dojo库中connect方法的工作原理，解释了如何在非DOM对象上实现事件绑定，并揭示了其背后的机制。通过解析源代码，我们发现connect实际上通过修改原函数来实现事件触发，而不是直接注册事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

dojo.connect(object1, 'method1', object2, 'method2');

有了这段代码以后，每当执行object1.metohd1()；以后，都会立即执行object2.method2(). 这就像在object1上注册了一个type名为method1的event. event会触发object2.method2.

object1并不一定是一个dom node, dojo.connect是怎么做到对object1注册event？

一切都是假象。

dojo.connect并没有像dom event一样注册一个event。它其实是将原函数做了修改。下面一小段code说明了dojo.connect中到底对原函数做了什么。

// 伪代码
dojo.connect(object1, methodName1, object2,methodName2) {
    var f = object1[methodName1];
    var attach = dojo.hitch(object2,methodName2);
    var listeners = f.listeners||[];
    listeners.push(attach);
    
    var d = function() {
        var ap = Array.prototype;
        var c = arguments.callee;
        var l = c.listeners;
        var t = c.target;

        var r = t.apply(this, arguments);
        for (i in l) {
            if (! (i in ap)) {
                l[i].apply(this,arguments);
            }
        }
        return r;
    };
    d.target=f;
    d.listeners = listeners;

    object1[methodName1]=d;
}

从上面代码看出，dojo.connect创建一个新的函数，在此函数中，先执行原函数，再依次执行listener中的函数。把这个函数重新assign给自己, 为了能保存住原函数和listener，dojo.connect为新创建的函数增加了target和listeners两个属性。

dojo.connect的漏洞在于，一旦对原函数重新复制，listener和修改后的函数就完全丢掉了。

转载于:https://my.oschina.net/xpbug/blog/71941