`this` внутри функции, которая не является прототипом класса

Question

Я пытаюсь создать класс без прототипов. Вот пример:

test = (function() { 
    this.value = 1; 
    this.print = function() { 
    console.log(this.value); 
    }; 
    return this; 
})(); 

Это прекрасно работает по назначению. То, что я не понимаю, это this.value внутри функции this.print. Как this.print правильно знать, что любые ссылки на this ссылаются на test, а не window? Любая функция, определенная через this.___ = function(){}, автоматически добавит this в качестве контекста?

Answer 1

thisвсегда оценивает на объект при котором функция-объект был вызван. Он будет оцениваться до window, если он был «вызван ничем» (или является собственностью window).

(Обратите внимание, что thisне переменной и, таким образом, не закрытыми над в затворе! Вот почему иногда закрытия необходимы, чтобы получить «правильный» this, который часто называют переменной self или that или _this)

. Например:

function f() { return this; } 
var a = {f: f} 
var b = {f: f} 
a.f() === a  // true 
b.f() === b  // true 
f() === window // true 

---

Пример использования переменной для создания привязки к текущей (по состоянию, когда функция вшита была вызвана) this:

test = (function() { 
    var self = this // <-- variable, which is "closed over" 
    this.value = 1; // self === this 
    this.print = function() { 
    console.log(self.value); // <-- self "names" previous this object 
    }; 
    return this; 
})(); 

---

Это немного ложь. Функции Function.call и Function.apply позволяют указать контекст this и могут использоваться функциями «связывания контекста», такими как Function.bind, для устранения необходимости в явном «закрытии», как показано выше.