JQuery-Funktionen überschreiben (Logging-Decorator)

Question

Ich möchte einen Logging-Decorator rund um die jQuery-Funktion erstellen, der aber nur einmal aufgerufen wird (in der Initialisierungszeit). Wie man es repariert? Bitte schauen Sie sich den Code an.

function makeLogging(f) { 

    function wrapper(...rest) { 
     console.log(f.name); 
     console.log(rest); 
     return f.apply(this, rest); 
    } 

    return wrapper; 
} 

const task = $('.task'); 

task.on = makeLogging(task.on); 

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

Das Click-Ereignis zeigt keine Meldungen über die aufgerufene Funktion an.

Answer 1

Codebeispiel der Antwort

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

Sie tun es ein bisschen falsch, wenn ich die Idee erwischt, was Sie erreichen wollen. Für Funktionalität, beschrieben Sie, versuchen Sie folgendes:

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

In Ihrem ursprünglichen Code, wickelte Sie die Funktionalität on() Funktion, aber diese on() Funktion wird nicht als Event-Handler genannt - es ist nur tatsächliche Ereignishandler installieren. Aus diesem Grund wird die Protokollierung nur einmal während der Installation des Handlers aufgerufen.