javascriptコードでなにをするためのコードか分からない

Question

人の書いたjavascriptを読んでいるのですが、下記コードがなんのために書かれているのか分かりません。
何をするためのコードなのでしょうか。

   window.ext = {}; 
            
   let EventTarget = ext._EventTarget = function()
   {
     this._listeners = new Set();
   };  
   EventTarget.prototype = { 
     addListener(listener)
     {   
        this._listeners.add(listener);
     },  
     removeListener(listener)
     {
        this._listeners.delete(listener);
     },  
     _dispatch(...args)
     {   
        let results = []; 

        for (let listener of this._listeners)
           results.push(listener(...args));

        return results;
     }   
  };  

Answer 1

ざっくり言うと、javascriptでイベントを登録したり、登録したイベントを削除したり、イベント発生時の処理の結果を取得するというものを共通化して、複数箇所から利用するためprototypeという仕組みで記述しているものです。
プロトタイプについては、下記の記事を参照してみて下さい。
https://qiita.com/takeharu/items/809114f943208aaf55b3

Comments

[vowd1]

URL貼って頂いてありがとうございます。継承の概念を使っていることは把握できたのですが、プロトタイプはイベントのCRUD処理以外にはどんな用途がありますか。

[euledge]

プロトタイプ自体は、イベントのCRUDに特化したものではなく他の言語(Java,C#)などにあるクラスの概念を表現したものです。今のJavascriptにはClass構文がないのでPrototypeという書き方で書いているだけです。
新しいJavascriptの仕様(ES2015)ではClass構文を使うことができます。

プロトタイプとは別にこのソースの例でわかることというとオブサーバパターンを採用している点です。
【JSでデザインパターン】オブザーバ編 (https://qiita.com/kenju/items/3cee3a1907fbd71b7b76)
上記のサイトに説明があるのでそちらを参照してみてください。
オブザーバパターンというのはデザインパターンと呼ばれるプログラムの定石の一つで言語に限定されない考え方です。なのでJavaでもPHPでもRubyでも、もちろんJavascriptでも実装することができます。

最近、リアクティブという考え方で用いられる仕組み(React.jsとか)を実装するうえで基本部分の実装で用いることが多いパターンです。

[vowd1]

ありがとうございました。