ПОчему значение неизвестно в функции контекста объекта?

Question

[pegas]

https://jsfiddle.net/xb1tujm4/

Если вызвать без setInterval то как положено

Answer 1

[Ильдар Гизетдинов]

https://jsfiddle.net/xb1tujm4/1/

Comments

[pegas]

А почему такое поведение с функцией setInterval ?

[Kovalsky]

Артём, потому что любая функция привязывается к глобальному объекту, если вы не переопределили это поведение с помощью bind, call, apply, конструктора или вызова от лица объекта.

И setInterval тут ни при чём, к this вы обращаетесь из переданной функции, вот у неё window и является контекстом.

[pegas]

Никита Полевой, Но если вызвать так https://jsfiddle.net/xb1tujm4/3/ ведь всё контекст становится от объекта и всё норм

[Kovalsky]

Артём, ага, вы вызываете функцию так: o.Cons - то есть вызываете метод "Cons" от лица (или в контексте объекта) "o", а это как раз один из способов явного указания контекста из списка выше.

Answer 2

[Lonelygriffin]

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

Answer 3

[Егор Живагин]

Ещё вариант - стрелочные функции

setInterval( () => { alert(this.z) }, 2000 );

Comments

[Kovalsky]

Вероятно, bind лишний.

[Егор Живагин]

Никита Полевой, точно, не ту песочницу форкнул, спасибо )