const waterfall = (...functions) => (callback, ...args) => functions.reduceRight( (composition, fn) => (...results) => fn(composition, ...results), callback )(...args); const randInt = max => Math.floor(Math.random() * max) const add5 = (callback, x) => { setTimeout(callback, randInt(1000), x + 5); }; const mult3 = (callback, x) => { setTimeout(callback, randInt(1000), x * 3); }; const sub2 = (callback, x) => { setTimeout(callback, randInt(1000), x - 2); }; const split = (callback, x) => { setTimeout(callback, randInt(1000), x, x); }; const add = (callback, x, y) => { setTimeout(callback, randInt(1000), x + y); }; const div4 = (callback, x) => { setTimeout(callback, randInt(1000), x / 4); }; const computation = waterfall(add5, mult3, sub2, split, add, div4); computation(console.log, 5) // -> 14 // same as: const computation2 = (input, callback) => { const f6 = x=> div4(callback, x); const f5 = (x, y) => add(f6, x, y); const f4 = x => split(f5, x); const f3 = x => sub2(f4, x); const f2 = x => mult3(f3, x); add5(f2, input); } Entiendo el funcionamiento en torno a .reduceRight() , sin embargo, el código de muestra sobre la ejecución de una lista de funciones asincrónicas es bastante confuso para mí, ya que parece que no sigue la sintaxis proporcionada por el documento, pero de alguna manera funcionó. ¿De dónde viene la composition ? ¿Qué pasa con ...args , es correcto asumir que ...args es 5 de computation(console.log, 5) ? También estoy bastante confundido por el propósito de ¿por qué hay un paréntesis invocado (...args) en la const waterfall ?
También una pregunta secundaria, ¿es necesario leer todo el documento de MDN para comprender completamente JavaScript? Planeo leer todo el documento, pero de alguna manera lo he estado leyendo durante casi semanas y no veo el final.