Почему данный код выдает ошибку?

Question

[Дмитрий Ярощук]

Есть код:

var user = {
    name: 'John Smith',
    getName: function() {
        var self = this;
        console.log(this.name);
        console.log(self.name);
        (function(){
            console.log(this.name);
            console.log(self.name);
        }());
    }
};
user.getName();

Данная строка console.log(this.name) выдает ошибку

Uncaught TypeError: Cannot read properties of undefined (reading 'name')

не могу понять почему. Объясните пожалуйста

Answer 1

[Вадим]

Потому что внутри IIFE this - window.

https://habr.com/ru/post/149516/

Уточнение: в strict режиме (введен в es5) this по умолчанию - undefined
а с es6 strict режим включается автоматически если использовать в коде любую синтаксическую конструкцию из es6+

Comments

[Дмитрий Беляев]

внутри IIFE this - window

в strict режиме (введен в es5) this по умолчанию - undefined
а с es6 strict режим включается автоматически если использовать в коде любую синтаксическую конструкцию из es6+

[Вадим]

Дмитрий Беляев, согласен, дополню, ибо по тексту моего ответа ошибки получается быть не должно было, а должно было выводить undefined (а точнее строку, так как window.name может быть определён как пустая строка, ну или не пустая :-) ).

Answer 2

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

Внутри скобок создаётся и тут же вызывается функция. (IIFE – immediately invoked functional expression)

this для функции, объявленной как function определяется в момент её вызова. Если её вызывают будто она свойство объекта, этот объект будет this'ом.

Внутри скобок function сама по себе, ни к кому не приделана, разве только к Глобальному. В данном случае window. Поэтому там this === window.

Ну а window это не user. И там нет искомого свойства, скорее всего. Или есть, но неожиданно другое.