this — как определяется и чем отличается в strict mode

Question

Ключевое слово this в JavaScript ссылается на объект, в контексте которого выполняется функция. В нестрогом режиме, если функция вызывается без контекста, this становится глобальным объектом (window в браузере). В строгом режиме в такой ситуации this будет undefined. Это помогает избежать случайных изменений глобальных переменных и делает код более безопасным.

YeaHub · Accepted Answer

Поведение ключевого слова this - одна из самых сложных тем в JavaScript, которая значительно отличается между строгим и нестрогим режимами.Как определяется thisЗначение this зависит от контекста вызова функции:В методах объекта - this ссылается на сам объектВ конструкторах - this ссылается на создаваемый экземплярВ обычных функциях - зависит от режима выполненияРазличия в строгом режимеНестрогий режимfunction showThis() {
    console.log(this);
}

showThis(); // Window (в браузере) или global (в Node.js)Строгий режим'use strict';

function showThis() {
    console.log(this);
}

showThis(); // undefinedОсновные случаи определения this1. Вызов метода объектаconst obj = {
    name: 'Test',
    showThis() {
        console.log(this.name);
    }
};

obj.showThis(); // "Test" - в обоих режимах2. Вызов функции-конструктораfunction Person(name) {
    this.name = name;
}

const person = new Person('John');
console.log(person.name); // "John" - в обоих режимах3. Использование call, apply, bindfunction showName() {
    console.log(this.name);
}

const obj = { name: 'Alice' };

showName.call(obj); // "Alice" - в обоих режимахПрактические рекомендацииВсегда используйте строгий режим для предотвращения ошибокИспользуйте стрелочные функции когда нужно сохранить контекстЯвно привязывайте контекст с помощью bind, call, apply когда необходимоВывод: Строгий режим делает поведение this более предсказуемым и безопасным, предотвращая случайные обращения к глобальному объекту. Это особенно важно в больших проектах и при работе с модулями.