Как правильней использовать замыкание?

Question

[Анатолий]

1) Существует ли принципиальная разница, как это использовать:
Вариант 1:

let bbb = (function () {
  start = function() {
    console.log('222');
  };
})();
start();

Вариант 2:

(function() {
  let c = 0;
  window.test = function() {c++;console.log(c);}
})();
test();

2) Если в функции использую addEventListener, то при bbb = null произойдет ли сброс прослушивания события?

Comments

[Somewhere Intech]

Догадки, нужно тестить:
1) Не произойдет, будет пытаться вызвать null
2) зачем вам такой хакерский паттерн юзать?

[Анатолий]

Johnny Lowhunter, что именно не произойдет?
https://codepen.io/workcode/pen/jOqMYZr
оба варианта отлично работают, просто не знаю какой использовать правильней, если между ними какая-то разница?

Что значит хакерский? Мне нужна просто функция со своим окружением.

При null память очищается, написано тут: https://learn.javascript.ru/closure

[Somewhere Intech]

Анатолий, оууу, и правда: var/let/const же нет. Извините, каюсь

Answer 1

[kocherman]

Правильно использовать замыкание так:

const test = ()=>{};
test();

или вот так:

function init(...params){
  /*init vars*/
  return ()=>{ /* start code */ }
}
let operation = init(1,2,3,true);
/* ... */
operation(); // exec start code

Смотря какую цель вы преследуете

Comments

[Анатолий]

Так Вы написали тоже самое, что и у меня.
Только используя стрелочную функцию и переменные, вопрос был в том, какая существенная разница между вариантами. В первом случае происходит через переменную (в Вашем случае через const), а во втором через window, тоже самое, но через глобальную переменную.

В общим, хотелось услышать именно практический опыт.

[kocherman]

Анатолий, Да по сути разницы нет никакой, просто в моем случае паттерн, а в вашем тоже самое, только незначительно изменено. Вы мне скажите с какой целью вы хотите это использовать? Мне кажется, вам не стоит задумываться об этом. Скорее всего, ваша задача не требует замыканий. Хотя замыкания в JS везде. По сути замыкание - это обращение к функции или переменной из функции, где она не была определена.

[Анатолий]

kocherman, нужна функция + окружение.
Код слишком большой и чтобы не париться с названиями переменных, решил их изолировать. Например, переменная с именем month используется в нескольких функциях, но имеет разные значения. Можно всякие приставки и окончания приписывать, просто надоело.

Answer 2

[Евгений]

Это не замыкание

let bbb = (function () {
  start = function() {
    console.log('222');
  };
})();
start();

Это замыкание

function bbb() {
  function start() {
    console.log('222');
  }
  return start;
}
const closure = bbb();
closure();

Подробнее расписано в этой книге, очень рекомендую (pdf при желании можно найти)
https://www.litres.ru/kayl-simpson/vy-ne-znaete-js...

Comments

[Анатолий]

Вы книгу прочитали, скажите что такое замыкания?

Мое определение - это функция + окружение.
Вот этот же пример, который демонстрирует работу: https://codepen.io/workcode/pen/abNmMbo

Т.е. либо это мое определение не верно, либо Ваше утверждение не верно!

PS. Ваш код примера = мой код примера, но переписанный по другому.

[Евгений]

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

[Анатолий]

Евгений, читаю потихоньку, уже на 62 странице. Нового пока ничего не узнал.

ваш код засирает глобальную область видимости накидывая туда plus и minus.

А причем тут глобальная область видимости? Пример демонстрирует, работу с "пузырем" как обзывает окружение автор книги.

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

Разве мой пример не демонстрирует тоже самое? Конкретно я говорю о переменной "a", это и есть лексическая область видимости. Что не так?

ИМХО Вам самому нужно еще раз эту книгу перечитать.

[Евгений]

Анатолий, замыкания начинаются на 90й странице )

[Анатолий]

Евгений, дочитал до 114 страницы, и остался при своем мнении. Что Ваш код повторяет мой код, не считая пары моментов, типа у Вас функция имеет название, есть return, ну и Вы вначале описываете функцию, а затем присваиваете переменной причем без "new".
т.е. от перестановки мест слагаемых сумма не меняется!
Но мой изначальный вопрос был другим!