-1

这是一个棘手的问题。我创建一个类...

App = function(o) {

    var _app = this;

    this.events = {
        listeners : {
            list : new Array(),
            add : function(event, fn) {
                if (! this.list[event]) this.list[event] = new Array();
                if (!(fn in this.list[event]) && fn instanceof Function) this.list[event].push(fn);
                if (_app.debug.get()) _app.events.dispatch('log.append','EVENTS:ADD:'+event);
            },
            remove : function(event, fn) {
                if (! this.list[event]) return;
                for (var i=0, l=this.list[event].length; i<l; i++) {
                    if (this.list[event][i] === fn) {
                        if (_app.debug.get()) _app.events.dispatch('log.append','EVENTS:REMOVE:'+event);
                        this.list[event].slice(i,1);
                        break;
                    }
                }
            }
        },
        dispatch : function(event, params) {
            if (! this.listeners.list[event]) return;
            for (var i=0, l=this.listeners.list[event].length; i<l; i++) {
                if (_app.debug.get()) _app.events.dispatch('log.append','EVENTS:DISPATCH:'+event);
                this.listeners.list[event][i].call(window, params);
            }
        }
    };

};

稍后制作更多功能原型。这是一个；

App.prototype.connection = {

    source : { 'default' : null },
    types : new Array(),
    pool : new Array(),
    count : function() { return this.pool.length },
    active : {
        pool : new Array(),
        count : function() { return this.pool.length },
        add : function(o) { this.pool.push(o) },
        remove : function(o) { this.pool.splice(this.pool.indexOf(o), 1); }
    },
    create : function(o) {
        if (! o || ! o.exe) o.exe = this.source.default;
        if (! o || ! o.type) o.type = 'xhr';
        var c = new this.types[o.type];
        App.events.dispatch('connection.created',c);
        this.pool.push(c);
        return c;
    },
    remove : function(o) {
        App.events.dispatch('connection.removed',o);
        this.pool.splice(this.pool.indexOf(o), 1);
    },
    abort : function(o) {
        var i = this.pool.indexOf(o);
        if (i===-1) return;
        this.pool[i].abort();
    }

};

然后将其实例化为一个对象。

app = new App();

问题是，我有一条名为 App.events.dispatch('connection.removed',o) 的行不起作用。App 需要是实例化“app”，理想情况下应该是“this”，但这指的是 App.prototype.connection。在这种情况下，你如何找到根源？

谢谢 - 安德鲁

4

1 回答 1

0

您不能使用对象字面量方法来定义connectionon prototype，否则无法访问App实例。

请注意，当您引用 时App，您引用的是构造函数，而不是App实例。此外，this内部create实例将无法工作，因为this将指向connection对象，而不是App实例。

有几个选项：

function Connection(eventBus) {
    this.eventBus = eventBus;
}

Connection.prototype = {
    someFunction: function () {
        this.eventBus.dispatch(...);
    }
};

function App() {
    // this.events = ...

    //the instance could also be injected, but you would need to implement
    //a setEventBus on the connection object, or simply do conn.eventBus = this;
    this.connection = new Connection(this);
}

var App = new App();

另外，请注意，在 上定义的所有可变值（例如对象）将在所有实例prototype之间共享。这可能不是你想要的。

另请注意：

 listeners : {
     list : new Array()

应该：

 listeners : {
     list : {}

数组意味着只有numeric索引，而普通对象是用作映射的更好结构。

于 2013-11-07T14:57:25.263 回答