함수 표현식 이름이 eventListener 인 변수

Question

저는 멋진 IIFE를 작성하고 있으며이를 사용하는 사용자는 가능한 한 쉽게 만들고 싶습니다. 그래서 그들 중 일부 때문에 생각하는 것을 쉽게 이미 우리가 인라인 함수의 이름

예

document.addEventListener('click',function dood(){ 
    //some function 
},false); 
document.removeEventListener('click',dood,false); 
//instead of 
function dood(){ 
    //some function 
} 
document.addEventListener('click',dood,false); 
document.removeEventListener('click',dood,false); 

을 줄 수있는 기능없이 EventListener를 제거하지만 그들은 shouldn 이후 모르겠어요 우리가 할 수 있는지 궁금해했던 정확한 이름을 모르겠다.

var k = "name_of_function"; 
document.addEventListener('click',function window[k](){ 
    //the function 
},false); 

나는 이것이 작동하지 않는다는 것을 알고 있지만 이것을 할 수있는 방법이있다. 나는 그들이 그것을 쉽게 할 수 있도록 그것을 만들고 싶다.

object.cancel('name_of_function') //which will be the name of the instance 
// they created earlier if they gave that instance a name 
object={ 
    cancel:function(nm){ 
    document.removeEventListener(self.trigger,window[nm],false); 
    //self.trigger really is this.trigger which they assign as either scroll,click,mousemove,etc. 
    } 
}; 

어떤 아이디어라도? 아니면 전혀 가능하지 않습니까?

사용법은 다음과 같습니다

scrollex('element',{ 
    max:500, 
    min:500, 
    pin:200, 
    offset:0.5, 
    name:'google',//this then would be used in multiple instances 
}); 

scrollex.events //shows all events and their names 
scrollex.listen('google'); //it'll console log all info for this event 
scrollex.cancel('google'); 

Answer 1

난 당신이 올바른 궤도에 있다고 생각. 그러나 window과 일부 로컬 객체를 사용하면 안됩니다. 함수 표현식 (또는 function window[k](){})이 동적으로 이름을 지정하는 경우 은 불가능합니다.a pain - 시도하지 마십시오. 그냥 익명으로 유지하고 속성 이름/변수를 통해서만 참조하십시오.

var object = (function() { 
    var listeners = { 
     name_of_function: function dood(){…} 
    }; 
    document.addEventListener('click', listeners.name_of_function, false); 

    return { 
     cancel: function(nm) { 
      document.removeEventListener('click', listeners[nm], false); 
     } 
    }; 
}()); 

// now, you can 
object.cancel('name_of_function')