Почему не создаётся замыкание?

Question

[yankoyski]

Почему в этом коде замыкание создаётся:

let user = {
        firstName: "Вася",
        sayHi: function() {
            console.log( user.firstName );
        }
    };

    user.sayHi();

А в этом нет:

let user = {
        firstName: "Вася",
        sayHi: function() {
            console.log( this.firstName );
        }
    };

    user.sayHi();

В отладчике, в примере с user. firstName в Scopes, есть свойство Closure, в другом примере этого свойства нет.

Comments

[Антон Спирин]

Вы о чем вообще? Я, кончено, понимаю, что в JS все функции являются замыканиями. Но уверен, что вы путаете термины или вопрос поставлен некорректно. Что именно создается в первом случае, что по-вашему не создается во втором?

[yankoyski]

Антон Спирин, В отладчике в примере с user. firstName в Scopes есть свойство Closure, в другом примере этого свойства нет.

[Антон Спирин]

yankoyski, как я и полагал вопрос поставлен некорректно. В вашем примере из комментария используются самовызывающиеся функции, в примерах в вопросе их нет. Само собой у вас будет замыкание переменной user из скоупа самовызывающейся функции, так как она используется в вызове sayHi. Во втором случае используется ключевое слово this и предается объект на котором функция вызывается.

Answer 1

[profesor08]

Функция, которую объявляешь в объекте, не будет иметь контекст этого объекта. В твоем случае он у не свой. Если использовать стрелочную функцию () => {}, то ее контекстом будет тот, в котором объявлен сам объект в котором объявлена функция. Коротко говоря, ты не можешь обратиться через this к объекту в котором объявлена функция. Чтоб это произошло надо либо делать как-то иначе, либо задать ей нужный контекст.

function User() {
  this.firstName = "Вася";

  this.sayHi = () => {
    return this.firstName;
  }
}

let user = new User()

console.log(user.sayHi());

Answer 2

[giroskop grospop]

Вопрос странный, смею предположить, что вы хотели узнать почему this.firstName ничего вам не возвращает.
Если так то дело в области видимости функций.
Юзайте стрелочные функции и будет вам счастье. Ну и почитайте про функции конечно же.

let user = {
        firstName: "Вася",
        sayHi: () => {
            console.log( this.firstName );
        }
    };
    user.sayHi();

Comments

[profesor08]

undefined, и Вам надо про функции почитать.

Answer 3

[Антон Швец]

Потому что контекст это не замыкание. Разумеется this нет в closure.
Замыкание это ссылки на переменные из внешнего лексического окружения, которые использует ваша функция. А this это ссылка на текущий конекст, он может меняться.

Вот, должно все прояснить jsfiddle.net/xuxicheta/u7jzfgm2/6