Нужно ли использовать iife?

Question

[Иван]

Изучаю замыкания и наткнулся на такое понятие как iife. Но очень много устаревшей информации, в конце-концов на learn-js наткнулся на

Это не то, что мы должны использовать сегодня, но, так как вы можете встретить это в старых скриптах, полезно понимать принцип работы.

и стало интересно, действительно ли этот способ считается устаревшим?
Если я правильно понимаю, сейчас используются замыкания, для тех целей, которым служил iife. Так же часть проблем, которые решал iife теперь решаются при помощи нововведений в es (всякие let, const, forEach и.т.д)

Answer 1

[Сергей Соколов]

С появлением в ES6 let и const – объявлений с блочной областью видимости – без IIFE можно обходиться там, где их заводили только ради чистоты глобальной о.в.:

// раньше
(function(){
  var a = 1;
  var b = 2;
  b *= 2;
  console.log(a + b);
})();
// здесь a и b уже не видны


// теперь можно просто заключить часть кода в "блок"
// и все переменные останутся в Вегасе:
{
  const a = 1;
  let b = 2;
  b *= 2;
  console.log(a + b);
}

Comments

[Sunflowerz]

А есть ли разница для сборщика мусора? Подберёт ли он функцию iife?

[Сергей Соколов]

Sunflowerz, насколько я знаю, сборщик мусора учитывает наличие ссылок. Функция анонимная, отыграла. Если она синхронная, на неё больше ссылок нет - можно очищать. Более подробно не разбирался.

[Sunflowerz]

Сергей Соколов, Большое спасибо за ответ.

Answer 2

[Павло Пономаренко]

iife и есть способ использовать замыкания. Лично я давно её на практике не использовал, но необходимо судить по ситуации.

Да и в скомпиленном коде всякие классы и леты могут реализовываться через iife

Comments

[Иван]

Хорошо, а как тогда называется вот такой способ?

function makeCounter() {
  let count = 0;

  return function() {
    return count++;
  };
}

let counter = makeCounter();
let counter2 = makeCounter();

[Иван]

Да и в скомпиленном коде всякие классы и леты могут реализовываться через iife

если всегда изучать только скомпиленный файл, то можно умом тронуться, особенно если проект на какому-нибудь реакте

[i1yas]

BenderIsGreat34, это функция, которая использует замыкание и возвращает функцию. Иногда подчеркивают, что это функция высшего порядка, но в этом нет особого смысла, в js все функции такие. Но это не iife.

[Иван]

i1yas, я прекрасно знаю, что это не iife, именно поэтому и спрашиваю, как это называется) главный вопрос заключается в том, зачем использовать iife, если можно делать так, как я указал в примере

[Алексей]

BenderIsGreat34, Вы одно с другим не смешивайте, это разные вещи. iife - это вызов функции сразу же после того как она была определена. А замыкание - это функция у которой есть доступ к своей внешней функции по области видимости, даже после того, как внешняя функция прекратилась.

[Павло Пономаренко]

Это замыкание, но не IIFE. IIFE - всегда замыкание. Замыкание - не всегда IIFE.

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

[Иван]

Алексей, главное тут то, что что замыкания, что iife созданы для того, чтобы очистить код от глобальных переменных, а уж потом идёт разница в мелочах, так вот я и сравниваю - "смешиваю".

[i1yas]

BenderIsGreat34, у такой функции нет названия определенного.

зачем использовать iife, если можно делать так, как я указал в примере

Раньше распространенным применением было создание изолированного скоупа. Чтобы скрипт обладал своей изолированной областью и не засорял window, его оборачивали в iife. Но сейчас повсеместно используется сборка, а с ней и модули, поэтому нет смысла использовать iife.

[Иван]

i1yas, вот что я и хотел услышать. спасибо

[Kovalsky]

BenderIsGreat34, нуу вы знаете, это как рассуждать о том, как использовать молоток: им можно забить гвоздь, а можно при надобности настучать грабителю по тыкве. Да и много чего еще можно.

Так же и тут: замыкания (то что вы привели в качестве примера тут в комментариях) и IIFE это простейшие инструменты с помощью которых можно собрать много чего; устаревшими все эти понятия считать толком нельзя так же как нельзя считать устаревшим например ручной труд.

Пользуйтесь, почему нет.

"iife созданы для того, чтобы очистить код от глобальных переменных" - нет, у них нет какого-то особого назначения, они появились просто потому что в JS так делать можно, лол, вот и все причины. А потом уже люд начал эксплуатировать эту фишку там и сям.

"главный вопрос заключается в том, зачем использовать iife, если можно делать так, как я указал в примере" - это семантически разные вещи: замыкание это такие явление, технический принцип, а IIFE это конкретная структура в языке JS которая использует это явление.

IIFE можно использовать много для чего; я например в простейших случаях с их помощью изолирую части скрипта:

let myAwesomeFunction

(() => {
	function someUsefulFunction() {}
	function anotherUsefulFunction() {}

	myAwesomeFunction = function() {
		someUsefulFunction()
		anotherUsefulFunction()
	}
})()

Таким образом в верхней области видимости была объявлена функция myAwesomeFunction, а использующиеся ею остальные функции в эту область видимости не попали.

В любом случае, думаю гугл по запросу "IIFE examples" много чего расскажет.

[Павло Пономаренко]

Никита Полевой, сейчас можно так, кстати:

let myAwesomeFunction

{
  let someUsefulFunction = () => null;
  let anotherUsefulFunction = () => null;

  myAwesomeFunction = function() {
    someUsefulFunction()
    anotherUsefulFunction()
  }
}

Answer 3

[Антон Швец]

пока не приняли это https://github.com/tc39/proposal-do-expressions можно использовать iife как замену

let name = 'vasya';
if (cond1) {
  name = 'pavlek';
}
if (cond2) {
  name = 'semen';
}

мы можем убрать let использовав iife

const vasya = (() => {
  switch (true) {
    case cond2: return 'semen';
    case cond1: return 'pavlek';
    default: return 'vasya';
  }
})()

Пример может не идеален (вообще надо бы именованную функцию), но я иногда так делаю. Наглядней, чем let и цепочка условий.

Замыкания тут вообще не причем, любая функция в js образует замыкание, и iife конечно в том числе. В моем примере вот оно используется, но это не является обязательным.

Answer 4

[Владимир]

сейчас используются замыкания, для тех целей, которым служил iife.

Вместо iife используют модули, единственный случай, когда вместо iife используют let - асинхронный цикл. Замыкания в JS были всегда, в том числе когда вместо модулей использовали iife
Кстати замыкание это не обязательнофункция обернутая в функцию, любая функция создает замыкание - замыкает в себе от уборщика мусора переменные из внешнего скоупа, которые сама использует.