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

Поведение ключевого слова 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

Основные случаи определения this

1. Вызов метода объекта

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, bind

function showName() {
    console.log(this.name);
}

const obj = { name: 'Alice' };

showName.call(obj); // "Alice" - в обоих режимах

Практические рекомендации

• Всегда используйте строгий режим для предотвращения ошибок

• Используйте стрелочные функции когда нужно сохранить контекст

• Явно привязывайте контекст с помощью bind, call, apply когда необходимо

Вывод: Строгий режим делает поведение this более предсказуемым и безопасным, предотвращая случайные обращения к глобальному объекту. Это особенно важно в больших проектах и при работе с модулями.