javascriptのイベントのラッピング方法

Question

lib.on("connection", () => {
  this.connectionStatus = true;
  console.log('接続');
});

上記のようなイベントが利用できるeventemitter2を
利用して作成されたライブラリがありまして、
このライブラリ利用のためのクラスを作成しています。

lib.onではなく

class.conection(() => {
  this.connectionStatus = true;
  console.log('接続');
})

のように利用できるようなラッピングは可能でしょうか？

Answer 1

やりたいことがよくわかりませんが…。

libというライブラリを持つクラスを定義して、クラス内で利用を想定する場合は以下かと。
staticではないので、クラスメソッドにしたければその辺りは設計依存で。

コールバック定義がアロー関数の場合は、thisが定義時点のthisコンテキストを利用するので
その辺りは実装設計依存で。

// クラス定義
class ConnectLibWrapper{
    /**
     *
     * @param {Library} lib
     */
	constructor(lib){
        /**
         *
         * @type {Library}
         * @private
         */
		this._lib = lib;
	}

    /**
     * 'connection'として接続する
     * @param {function} libConnectionCallbackFunc
     */
    connection(libConnectionCallbackFunc){
        if(typeof libConnectionCallbackFunc !== "function"){
            libConnectionCallbackFunc = this.getDefaultCallback;
        }
        this._lib.on("connection", libConnectionCallbackFunc);
    }
    
    getDefaultCallback(){
        console.log("コールバック関数が定義されていません。");
    }
 }

// 利用例
var scope = this;
// ライブラリ
var lib = new Library();
// ライブラリのラッパクラス
var connectLibWrapper = new ConnectLibWrapper(lib);
// コネクション後のコールバック関数
var callback = () => {
  // 実質この時点でのthisは上記のscopeと同じになる
  this.connectionStatus = true;
  console.log('接続');
};
// 接続
connectLibWrapper.connection(callback);

Comments

[yoyoyo555]

返事遅れて申し訳ありません。
素晴らしい回答ありがとうございます。
kanimaruさんのおかげでjavascriptの理解が深まりました。