Проблема контекста с setInterval

nim · October 28, 2007

<html><body><script>

function test()
{
	this.v1 = 0;
	var v2 = 0;
	var tid = setInterval(foo, 20)

	function foo()
	{
		if (this.v1 == 10)
		{
			clearInterval(tid);
		}
		else
		{
			this.v1 += 1; //а здесь this хз знает что
			v2 += 1;
		}
	}

	this.mes = function mes()
	{
		alert(this.v1 + " - this.v1 должен быть равен 10");
		alert(v2 + " - v2 тоже должен быть равен 10");
	}
}

var t = new test();

setTimeout(mes, 2500)

function mes()
{
   t.mes();
}

</script></body></html>

S ... (delete) · October 28, 2007

<html><body><script>

function test()
{
	this.v1 = 0;
	var v2 = 0;
	var tid = setInterval(foo, 20)
	var self = this;
	function foo()
	{
		if (self.v1 == 10)
		{
			clearInterval(tid);
		}
		else
		{
			self.v1 += 1; //а здесь this хз знает что
			v2 += 1;
		}
	}

	this.mes = function()
	{
		alert(this.v1 + " - this.v1 должен быть равен 10");
		alert(v2 + " - v2 тоже должен быть равен 10");
	}
}

var t = new test();

setTimeout(mes, 2500)

function mes()
{
   t.mes();
}

</script></body></html>

LokiDi L0ck · October 28, 2007

this.v1 += 1; //а здесь this хз знает что

setTimeout() - метод объекта window. Поэтому this ссылается не хз на что, а на [window].

Учите теорию.

Zeroglif · October 29, 2007

setTimeout() - метод объекта window. Поэтому this ссылается не хз на что, а на [window]. Учите теорию.

Чей конкретно метод setTimeout для значения this вызываемой функции не имеет никакого значения, можно его даже сделать методом нужного объекта, это не важно. Важно как (в какой форме) происходит вызов, но нам это неизвестно, т.к. вызов жив?т, условно говоря, где-то в недрах хостового setTimeout, известен только конечный результат - значением this становится window приблизительно также, как это обычно происходит при вызове вложенной функции. Обычно проблема правильной связи решается уходом от this в пользу переменной (тот же self) или оставив this, но добавив в качестве "прокси" замыкание:

var x = 'preved',
	o = { x: 'medved', y: function() { alert(this.x); } }; 

setTimeout(o.y, 1000); //-> preved
setTimeout(function () { o.y(); }, 2000); //-> medved

p.s. некоторые браузеры передают значение this дополнительным аргументом.

Sign In

Проблема контекста с setInterval

Question

nim

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

S ... (delete)

Link to comment

Share on other sites

LokiDi L0ck

Link to comment

Share on other sites

Zeroglif

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information