Estoy probando los ejemplos en "Javascript - The Definitive Guide" Capítulo 8 Funciones. En la Sección 8.3.4 "El operador de propagación para llamadas a funciones", el código funcionaba:
function timed(f) { return function(...args) { console.log(`Entering function ${f.name}`); let startTime = Date.now(); try { return f(...args); } finally { console.log(`Exiting ${f.name} after ${Date.now()-startTime}ms`); } }; } function benchmark(n) { let sum = 0; for(let i = 1; i <= n; i++) sum += i; return sum; } timed(benchmark)(1000000);La salida de la consola es:
Entering function benchmark Exiting benchmark after 46msEn la Sección 8.7.4 "Los métodos call() y apply()", la función timed() se cambió a trace() y no pude hacer que el código funcionara:
function trace(o, m) { let original = o[m]; o[m] = function(...args) { console.log(new Date(), "Entering:", m); let result = original.apply(this, args); console.log(new Date(), "Exiting:", m); return result; }; } trace(benchmark)(1000000);Se lanza este error:
TypeError no detectado: trace (...) no es una función
Probé algunas variantes, pero todas no funcionaron:
benchmark.trace(1000000); trace.benchmark(1000000); benchmark.call(trace, 1000000); obj = {}; trace(obj, benchmark(1000000));Hice una comprobación con esto:
console.log(typeof trace);La salida indica que trace() es una función...
¿Podría alguien explicar cómo se debe usar trace() con benchmark()? ¿Necesito crear nuevos objetos o funciones?
El libro solo proporcionó esta pista:
La función trace() definida a continuación es similar a la función timed() definida en §8.3.4, pero funciona para métodos en lugar de funciones. Utiliza el método apply() en lugar de un operador de propagación y, al hacerlo, puede invocar el método envuelto con los mismos argumentos y el mismo valor que el método envoltorio:
// Replace the method named m of the object o with a version that logs // messages before and after invoking the original method. function trace(o, m) { ...Por lo tanto, se supone que el trace del método actualizado toma un objeto ( o ) y un método en ese objeto ( m ) y está diseñado para decorar ese método con la funcionalidad de evaluación comparativa.
He aquí cómo usarlo:
function trace(o, m) { let original = o[m]; o[m] = function(...args) { console.log(new Date(), "Entering:", m); let result = original.apply(this, args); console.log(new Date(), "Exiting:", m); return result; }; } const myObject = { benchmark: function(n){ let sum = 0; for(let i = 1; i <= n; i++) sum += i; return sum; } } // set up the trace "decorator" so that the method is traced trace(myObject,"benchmark"); // now call the method and see the trace output myObject.benchmark(1000000);Podemos desglosar más cómo funciona esto
let original = o[m];Cuando pasa un objeto y un nombre de método, la línea anterior captura una variable local con un puntero a esa función
o[m] = function(...args) { .... }La parte anterior reemplaza esa función en el objeto con un puntero a una nueva función
let result = original.apply(this, args); La línea de arriba llama a la función original ( usando apply ) con los argumentos pasados. Notarás que está arriba y abajo con el console.log que estás usando para ver cuándo se ingresa y se sale del método. Finalmente, el método recién adjunto devuelve el resultado de llamar al método original .