在 ES5 中，编写这样的代码被认为是一种好的做法：
(function () {
//some magic
})();
但在 ES6 中使用 let 关键字创建的变量不会附加到 window 对象。
那么，现在有没有必要在 IIFE 中编写我们的代码，或者它还有一些我没有听说过的用途？
【问题讨论】：
let 关键字创建的变量未附加到 window 对象" - 但它们仍然是全局的。因此，如果您正在编写脚本，则需要将它们放在一个块或 IIFE 中。
标签： javascript ecmascript-6 encapsulation iife
如果您使用模块，则无需使用 IIFE（这就是调用此“包装器”的方式），因为所有变量的范围都仅限于模块。
但是，在某些情况下，您仍然希望将代码的一部分与另一部分分开，然后您可以使用 IIFE。
当然，如果您使用let 或const，您可以使用块语句代替IIFE：
{
let something = 1;
const somethingElse = 2;
}
console.log(something); // ReferenceError: something is not defined
查看 Programmers.SE 上的相关问题：How far should encapsulation in JavaScript go?。
【讨论】：
this 是封装在类里的吧？
现在问题不那么严重了，但我认为这个总体思路还是有原因的。
理论上，某些第三方库可以编写如下代码：
let count = 0;
function getCount() {
return count++;
}
现在，如果您尝试在同一范围内创建自己的 count 变量，则会收到错误消息：
// 3rd-party
let count = 0;
function getCount() {
return count++;
}
// Your code
let count = 1;但是，您可以通过使用实际块而不是 IIFE 来使代码更简洁。
// Still bad 3rd party
let count = 0;
function getCount() {
return count++;
}
// Your code
{
let count = 10;
console.log(count);
console.log(getCount());
console.log(count);
console.log(getCount());
}将来，您应该能够将代码封装在具有自己作用域的模块中，而无需将代码包装在 IIFE 或块中。
【讨论】：