Quizás esta sea la pregunta más estúpida, pero para IIFE , menciona que se usa como un alcance que no contaminaría el espacio de nombres global.
¿Por qué sería necesario en lugar de simplemente usar llaves para delimitar el alcance (como en C)? Por ejemplo:
{ let firstVariable = 1; let secondVariable = 2; } console.log(firstVariable);En vez de:
(function () { let firstVariable = 1; let secondVariable = 2; })(); console.log(firstVariable);JavaScript apareció por primera vez en 1995. La primera edición de especificación fue de 1997.
La especificación que incluye el alcance de bloque es ES6 de 2015. Por lo tanto, no ha habido alcance de bloque durante casi 20 años antes de que se introdujera. Los IIFE han existido mientras tanto.
También vale la pena señalar que el alcance del bloque no es universal. Funciona para let y const pero no para var .
{ var foo = 42; } console.log(foo); //output: 42 (function() { var bar = 42; })(); console.log(bar); // error because `bar` does not exist in this contextLas funciones también tienen un alcance de bloque a partir de ES6, pero las reglas al respecto son extrañas .
console.log("---- foo ----"); console.log("before block", foo); //output: undefined { function foo() { return 42; } } console.log("after block", foo); //output: function foo() { return 42; } console.log("---- bar ----"); function bar() { return 1; } console.log("before block", bar()); //output: 1 { function bar() { return 2; } console.log("inside block", bar()); //output: 2 } console.log("after block ", bar()); //output: 2 console.log("---- baz ----"); { function baz() { return 1; } console.log("before inner block", baz()); //output: 1 { function baz() { return 2; } console.log("inside inner block", baz()); //output: 2 } console.log("after inner block ", baz()); //output: 1 } .as-console-wrapper { max-height: 100% !important }