名前ベースのオブジェクト配列を作成するには？

Question

現在、私はTypeScriptをチェックアウトしようとしています。私の古いJavaScript -Sourceで

私はイベントリスナーのためのシンプルなnamebasedアレイ・オブジェクトを持っている：

let _events \t \t = {}; 
 

 
this.addEventListener = function addEventListener(name, callback) { 
 
\t \t if(typeof(_events[name]) == 'undefined') { 
 
\t \t \t _events[name] = []; 
 
\t \t } 
 
\t \t 
 
\t \t _events[name].push(callback); 
 
\t }; 
 
\t 
 
\t this.fireEvent = function fireEvent() { 
 
\t \t let fired \t = false; 
 
\t \t let args \t = new Array(); 
 
\t \t let name \t = arguments[0]; 
 
\t \t 
 
\t \t if(typeof(_events[name]) == 'undefined') { 
 
\t \t \t return; 
 
\t \t } 
 
\t \t 
 
\t \t for(var index = 1; index < arguments.length; index++) { 
 
\t \t \t args.push(arguments[index]); 
 
\t \t } 
 
\t 
 
\t \t _events[name].forEach(function onEvent(event) { 
 
\t \t \t fired = true; 
 
\t \t \t event.apply(this, args); 
 
\t \t }.bind(this)); 
 
\t \t 
 
\t \t return fired; 
 
\t };

私は活字体で同じメソッドを作成できますか？ここで

は、サンプルの結果である：

{ 
    "init": [callback, callback, callback], 
    "otherEvent": [callback, callback] 
} 

Answer 1

あなたはそれを用いた活字体と、最新のES6の機能の一部を実装することができます。たとえば、代わりにあなたがES6地図を使用することができ、キー/値のマップとしてオブジェクト_eventsを使用する：

class EventManager { 

    private _events: Map<string, Array<Function>>; 

    public addEventListener(name: string, callback: Function) { 
     if(this._events.has(name) === false) { 
      this._events.set(name, [callback]); 
     } else { 
      const previosCallbacks = this._events.get(name); 
      previosCallbacks.push(callback); 
      this._events.set(name, previosCallbacks); 
     } 
    } 

    public fireEvent(name: string, ...args: any[]) { 

     let fired = false; 

     if (this._events.has(name) === false) { 
      return; 
     } 

     this._events.get(name).forEach((cb) => { 
      fired = true; 
      cb(...args); 
     }); 

     return fired; 
    } 

}