setInterval в группе объектов

[cyklop77]

помогите пожалуйста решить проблему любым способом

на страничке создаются 4 объекта enemy. в каждом на этапе инициализации запускается setInterval , который 3 раза в секунду пересчитывает значение координаты х и запускает метод перерисовки

но x периодически изменяется только у последнего созданного объекта. а по задумке должно у всех четырёх

[hedgehog]

console.log(window.enemy);
Object [<div class="enemy" style="top: 0px; left: 162px;">

Ты в курсе, что в твоем коде this почти всегда ссылается на window?

[s0rr0w]

Используйте this.interval = setInterval( ...

[hedgehog]

Используйте this.interval = setInterval( ...

У него все действия производятся с window.enemy, одним на всех. Опять порекомендую те же ссылки

http://javascript.ru/tutorial/object/thiskeyword

http://learn.javascript.ru/this

[cyklop77]

я ещё не достиг той степени просветления чтобы понять эти тексты)

[hedgehog]

я ещё не достиг той степени просветления чтобы понять эти тексты)

По второй ссылке написано очень просто и с примерами. Осилить несложно, главное не лениться И тогда не будет таких проблем:

function Enemy(health, x, y){
var enemy,
health = health,
x,
y;

Зачем ты тут повторно объявляешь переменные? Ты же передаешь их в конструктор в качестве аргументов.

setInterval(function(){
x += ((Math.round(Math.random() * 2) - 1) * 10);
console.log(x);
renderEnemy(x, this.y);
}, 300);

this == window, this.y == undefined

function createEnemy(){
this.enemy = $('<div />',{
class: 'enemy',
html: health
});

this.enemy.appendTo('body');
}

this == window. Вот и начинается твоя проблема, описанная в первом посте. Создаешь новые DOM элементы и сохраняешь ссылку на последнего вражину в window.enemy

function renderEnemy(x, y){
this.enemy.css({
'left': x + 'px',
'top': y + 'px'
});
}

А вот засада продолжается. Тут тоже this == window, а this.enemy - это сохраненная ранее ссылка на последнего созданного врага. Понимаешь, что происходит дальше?