개체 브래킷 표기법 내가 코드 이벤트 객체를 줄이기 위해 객체 리터럴 정의에이 같은 뭔가를 loking있어

Question

var events = { 
       addEvent: function(element, type, fn, capture){ 
        element.addEventListener(type, fn, capture); 
       }, 
       removeEvent: function(){ 
        element.removeEventListener(type, fn, capture); 
       } 
      } 

는

  var events = { 
          [action + "Event"]: function(element, type, fn, capture){ 
            element[action + "eventListener"](type, fn, capture); 
         } 
       } 
      } 

는 내가 거기 알고 그냥 예입니다

element.events.add(....) , element.events.remove(....) 

또는이 옵션 같은 다른 옵션은

element.events("add", type, fn, capture)/element.events("remove", type, fn, capture) 

Answer 1

개체 초기화 프로그램의 속성 이름은 상수 여야합니다. 그러나 객체에 속성을 추가하고 동적으로 이름을 만들 수 있습니다.

var events = { 
      addEvent: function(element, type, fn, capture){ 
       element.addEventListener(type, fn, capture); 
      }, 
      removeEvent: function(){ 
       element.removeEventListener(type, fn, capture); 
      } 
     }; 

events[action + "Event"] = function() { /* ... */ };