Где здесь замыкание? О чем вообще речь?

Question

[Константин]

Код:

let user = {
  firstName: "Вася",
  sayHi() {
    alert(`Привет, ${this.firstName}!`);
  }
};

setTimeout(function() {
  user.sayHi(); // Привет, Вася!
}, 1000);

К этому коду есть описание, которое мне непонятно:

код работает корректно, так как объект user достаётся из замыкания, а затем вызывается его метод sayHi.

Как function() { ... } помогает вызвать метод sayHi()?

Comments

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

это откуда такое описание пришло?

Тут изнутри объявленной function «видно» определение user, которое находится снаружи — наверное, об этом речь.

Чтобы стало более «замыкательно», весь код поместить бы внутрь какой-то ещё функции, и вызвать её:

function init() {
  let user = { firstName: "Вася", sayHi() { alert(`Привет, ${this.firstName}!`);}};
  setTimeout(function() {
    user.sayHi(); // Привет, Вася!
  }, 1000);
}

init();

[Kentavr16]

Сергей Соколов, а то что в вопросе указано вообще замыкание?

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

Kentavr16, формально — раз создаётся новая функция, значит, в момент создания появляется и её лексическое окружение. MDN пишет, что это, в общем-то, и есть замыкание.

[Aleksandr]

() - это вызов функции. Замыкание - это функция в функции.

Answer 1

[Vindicar]

В коде создаётся анонимная функция, которая передаётся как параметр в setTimeout().
Тело этой функции имеет доступ не только к своим параметрам (в данном случае их нет) и к своим локальным переменным, но и к локальным переменным той области видимости, где эта функция объявлена. В нашем случае это user.