javascript 使用自定义事件创建自定义类

Question

假设我有 javascript 类。

function myClass(){

    function someProcess(){
        listeners.init();
    }

    var listeners = {
        init: function(){},
        message: function(){}
    }

    return {
        on: function( prop ) {
            if ( listeners.hasOwnProperty( prop ) ) {
                return listeners[ prop ];
            }
        }
    }

}

然后有人像这样创建对象并使用我的自定义事件

var c = new myClass();
c.on('init', function(){
    console.log('init executed');
});

现在我想从我的 someProcess() 方法(位于 myClass 中)执行 init 。所以想法是注册自定义事件，然后从我的类内部触发它们。

Answer 1

我找到了如何做到这一点

function MyClass(){

    //@private
    var isFunction = function(functionToCheck){
        var getType = {};
        return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
    }



    //@private
    var listeners = {
        init: [],
        message: []
    }





    return {
        on: function( evName, callback ) {
            if ( listeners.hasOwnProperty( evName ) && isFunction(callback) ) {
                listeners[evName].push(callback);
            }
        },
        fireEvent: function(evName){
            if ( listeners.hasOwnProperty( evName )) {
                for(var i in listeners[evName]){
                    listeners[evName][i]();
                }
            }
        }
    }



}



var a = new MyClass();
a.on('init', function(a){
    console.log('a_1 inited')
})

a.on('init', function(){
    console.log('a_2 inited')
})



var b = new MyClass();
b.on('init', function(){
    console.log('b_1 inited')
})

a.fireEvent('init');
b.fireEvent('init');