Ao declarar variáveis com var
no JS, era preciso criar um novo escopo léxico para não bagunçar a window
(na maioria dos casos).
var abc = 1;
console.log(abc);
// => 1
console.log(window.abc);
// => 1
A forma mais simples era criar uma função e chamá-la logo em seguida, já que funções em JavaScript criam um novo escopo léxico. Como você citou, são as IIFE (Immediately Invoked Function Expressions):
(function(){
var abc = 1;
})();
console.log(abc);
// => Uncaught ReferenceError: abc is not defined
Porém no ES6, com a introdução do let
e const
, que são declaradores escopados por bloco, isso realmente não é mais preciso. Para outros usos, como criar um namespace, ou escopar variáveis, ainda é preciso criar um novo escopo léxico. Mas não precisa usar o IIFE, no ES6+ é só criar um block ({ ... }
).
let x = 1;
{
let x = 2;
}
console.log(x);
// => 1
Como você já deve saber, tudo isso se deve pois:
var
é escopado por função
let
e const
são escopados por bloco