观察者模式问题 - JavaScript 对象从父数组中删除自身？

Question

我正在尝试编写一个遵循观察者模式的对象关系，其中观察者关心在主题上发生的一组特定事件。

我不确定这是否是 100% 标准，但按照我构建它的方式，这些事件对象是在观察者中定义的，并且自定义回调将在事件发生时触发。当某个事件发生在主题上时，它会遍历所有观察者并查看谁在观看该事件。如果它发现观察者正在监视该事件，则会触发观察者事件的回调。

由于我希望我的观察者能够灵活地动态添加和删除需要监视的事件，因此我需要事件对象能够在运行回调后删除自身...例如，如果我的观察者只想对事件做出一次响应，然后不再监视它。

这似乎是一个不错的计划，但我知道 JavaScript 对象本身不能调用 delete() 。

我只是好奇是否还有其他人遇到过这个问题并提出了有效的解决方案。

我唯一的想法是我可以将引用传递给父观察者对象及其子事件，然后当回调发生时，我可以调用父级中的方法...类似于 removeEvent(this) 将事件本身传递给此函数。然后，removeEvent 函数可以从事件数组中拼接出该事件。唯一复杂的问题是在数组中找到该事件对象的位置。 （也就此提出建议，谢谢！）。

预先感谢您的帮助！

Answer 1

如果您在 removeEvent 方法中传入对事件对象的引用，那么您可以循环遍历所有事件并使用 == 运算符进行测试 - 因为您传入的事件对象是一个引用，与循环中相应的事件对象相比，它将计算为 true，因为它们引用内存中的同一对象。

Answer 2

我想我可以尝试回答你的问题，但我不能 100% 确定你是如何实现观察者模式的。也许我下面的代码片段中有一些有用的东西。我假设观察是通过回调函数完成的，并且我对该数据的格式没有任何假设，因此我使用字符串。
我的解决方案的关键是回调接收对主题的引用（这在观察者模式中很常见）。此引用可用于将回调与主题分离。

var Subject = {
    observers: {},

    attach: function( eventType, fn ) {
        if( !this.observers[eventType] ) this.observers[eventType] = [];
        this.observers[eventType].push( fn );
    },

    detach: function( fn ) {
        var newObservers,
            eventType,
            i;
        for( eventType in this.observers ) {
            newObservers = [];
            for( i = 0; i < this.observers[eventType].length; i++ ) {
                if( this.observers[eventType][i] !== fn ) newObservers.push( this.observers[eventType][i] );
            }
            this.observers[eventType] = newObservers;
        }
    },

    notify: function( eventType, data ) {
        var i, observers = this.observers[eventType].slice(0);
        for( i = 0; i < observers.length; i++ ) {
            observers[i]( data, this );
        }
    },

    poke: function() {
        this.notify( 'testing', 'I got poked' );
    }

};

var Observer = {

    logEvent: function( data, subject ) {
        console.log( 'Every time: ' + data );
    },

    logEventOnce: function( data, subject ) {
        console.log( 'Just once: ' + data );
        /*
         * THE CRUX
         */
        subject.detach( arguments.callee );
    }
};

Subject.attach( 'testing', Observer.logEvent );
Subject.attach( 'testing', Observer.logEventOnce );

Subject.poke();
//Every time: I got poked
//Just once: I got poked

Subject.poke();
//Every time: I got poked

Subject.poke();
//Every time: I got poked

Subject.poke();
//Every time: I got poked