¿Alguien puede explicarme qué está haciendo JS aquí? ¿Alguien puede explicar qué está pasando aquí en términos de tipo de coerción, IIFE y cierres?
Function.prototype.toString = ( function() { const toStringFnRef = Function.prototype.toString; return function() { return `start:${toStringFnRef.call(this)}end`; } } )(); console.log(1 + function x() { alert('hi') }); //output: "1start:function x() { alert('hi') }end"El IIFE se usa para crear un ámbito local donde la variable toStringFnRef contiene el valor original de Function.prototype.toString . Luego redefine esto con una función que llama a la función original y envuelve el resultado en start: y end .
Esto también se puede hacer usando un bloque léxico (en ES6, la mayoría de los IIFE se pueden refactorizar así):
{ const toStringFnRef = Function.prototype.toString; Function.prototype.toString = function() { return `start:${toStringFnRef.call(this)}end`; } } Cuando haces 1 + function x() { alert('hi') } convierte tanto 1 como la función en cadenas para poder concatenarlas. Entonces esto llama a su Function.prototype.toString() redefinido, que rodea la cadena normal de la función con esos envoltorios. Luego se concatena con 1 .