Контекст непривязанной функции в JavaScript

Давайте посмотрим, что будет, если в функции указать this, но не привязать ее ни к какому элементу, вот так:

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

В этом случае результат зависит от того, строгий у нас режим или нет.

Если режим нестрогий, то в this будет хранится ссылка на window:

function func() { console.log(this); // ссылка на окно window } func();

А если режим строгий, то в this будет хранится undefined:

"use strict"; function func() { console.log(this); // undefined } func();

Подводные камни

Из сказанного выше может показаться, что в строгом режиме this всегда будет undefined. Как бы не так!

Если просто вывести this вне функции, то в нем будет ссылка на window независимо от режима:

"use strict"; console.log(this); // в this ссылка на window

Давайте подведем итог

В любой функции можно написать this, это не приведет к каким-либо ошибкам JavaScript. Но вот что именно будет лежать в этом this не определено до момента вызова функции. Причем при разных вызовах функции this может принимать разное значение. Все зависит от контекста, в котором была вызвана функция.