Estoy tratando de aprender el concepto de decorador.
yo estoy haciendo esto
function calculateArea(length, width){ return length * width; } function checkData(fn){ return function(...args){ if(args.length != 2){ return false; } return fn(...args) } } let checked = checkData(calculateArea(2,3)); Recibo este error Uncaught TypeError: fn is not a function
Además, ¿cuál es el propósito de devolver una función aquí?
La idea detrás de su código es mejorar/envolver cualquier función que requiera dos parámetros asegurándose de que devuelva false si el número de parámetros no es exactamente 2.
Para que su ejemplo de código funcione, debe pasar una referencia a la función calculateArea a checkdata , que devolverá una función "enriquecida" que hace lo mencionado anteriormente, y solo luego llamarla:
function calculateArea(length, width){ return length * width; } function fullName(firstName, lastName) { return `${firstName} ${lastName}`; } function checkData(fn){ return function(...args){ if(args.length != 2){ return false; } return fn(...args) } } let checked = checkData(calculateArea)(2,3); console.log(checked); let myName = checkData(fullName)('John', 'Doe'); console.log(myName); El uso de este concepto permite reducir la redundancia en su código. Como puede ver, no realizo ninguna verificación dentro de las funciones de calculateArea área o nombre completo, y al usar fullName todavía checkData fácilmente funciones que devuelven false si la cantidad de argumentos no es exactamente dos.
..... let checked = checkData(calculateArea(2,3));El argumento "calculateArea(2,3)" se ejecuta primero, por lo que devuelve el resultado de (longitud*anchura) y no una función.