JQuery関数をオーバーライドする（ログデコレータ）

Question

jQuery関数を中心にロギングデコレータを作成したいと思いますが、初期化時には1回だけ呼び出されます。それを修正するには？コードを見てください。

クリックイベントは、呼び出された関数に関するメッセージを表示しません。

Answer 1

答えの

コード例

function makeLogging(f) { 

    function auxiliaryWrapper(x, rest) { 
    return() => { 
     console.log(f.name); 
     console.log(rest); 
     x(); 
    } 
    } 

    function mainWrapper(...rest) { 
     const restWithWrap = rest.map(arg => { 
     if (typeof arg === 'function') { 
      return auxiliaryWrapper(arg,rest); 
     } 
     return arg; 
     }); 
     console.log(restWithWrap); 
     return f.apply(this, restWithWrap); 
    } 

    return mainWrapper; 
} 

const task = $('.task'); 

task.on = makeLogging(task.on); 

task.on('click',() => console.log('hi')); 

Answer 2

あなたが達成したいアイデアを捉えたら、少し間違っています。機能性のために、あなたが説明し、以下試してください。あなたの元のコードで

task.on('click', makeLogging(() => console.log('hi'))); 

を、あなたはon()機能の機能を包んだが、このon()機能は、イベントハンドラとして呼び出されていない - それだけで、実際のイベントハンドラをインストールします。そのため、ロギングはハンドラのインストール中に一度だけ呼び出されます。