Нужно ли нам оборачивать код ES6 в IIFE?

Если вы используете модули, нет необходимости использовать IIFE (так называется эта «обертка»), потому что все переменные имеют область действия, ограниченную модулем.

Однако все же бывают случаи, когда хочется отделить одну часть кода от другой, и тогда можно использовать IIFE.

Конечно, если вы используете let или const, вы можете использовать оператор блока вместо IIFE:

{
  let something = 1;
  const somethingElse = 2;
}
console.log(something); // ReferenceError: something is not defined

См. соответствующий вопрос на Programmers.SE: Как далеко должна зайти инкапсуляция в JavaScript? .

Теперь это не проблема, но я бы сказал, что для этой общей идеи все еще есть причина.

Теоретически, скажем, какая-то сторонняя библиотека может написать такой код:

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 или блок.