Клонированные объекты и ссылки внутри функций

Question

Я пытаюсь сделать следующее:

var element = {};
element.attrA = 'A';
element.attrB = 1;
element.autoAdvance = function(){
   var that = this;
   setInterval(function(){
     that.attrB++;
   },100);
}
element.instance = function(){
   var clone = $.extend(true, {}, this);
   return clone;
}

Теперь я могу отлично выполнить следующее:

var e1 = element.instance();
var e2 = element.instance();
e1.attrA = 'not e2s business';
e2.attrA = 'not e1s attrA';

Проблема начинается, когда я пытаюсь использовать autoAdvance:

e1.autoAdvance();

запустит autoAdvance для всех клонированных «экземпляров» element.Я уверен, что это, вероятно, довольно тривиально, но я просто не знаю, как ссылаться на родительский объект внутри моей autoAdvance -функции таким образом, чтобы он правильно клонировался и влиял только на экземпляр.Спасибо!

РЕДАКТИРОВАТЬ:

Это фактический код, который я использую:

var player = {}; 
player.sprites = {};
player.sprites.back = ['img/playerback_01.png','img/playerback_02.png','img/playerback_03.png'];
player.sprites.head = ['img/playerhead_01.png','img/playerhead_02.png','img/playerhead_03.png'];
player.back = new Image();
player.back.src = player.sprites.back[0];
player.head = new Image();
player.head.src = player.sprites.head[0];
player.loop = function(){
    var that = this;
    var loop = setInterval(function(){
            //remove the [0] state from the sprite array and add it at [2]
        var state = that.sprites.head.shift();
        that.sprites.head.push(state);
        state = that.sprites.back.shift();
        that.sprites.back.push(state);
        that.back.src = that.sprites.back[0];
        that.head.src = that.sprites.head[0];
        }, 100);
}
player.x = 0;
player.y = 0;
player.instance = function(){
   var clone = $.extend(true, {}, this);
   return clone;
}

Я генерирую двух игроков:

var player1 = player.instance();
var player2 = player.instance();

Но что происходит, когда я использую:

player1.loop();

Анимация для player2 также начнет воспроизводиться.

Answer 1

Я предлагаю вам начать использовать «класс» в JavaScript.Они более или менее являются функцией.

function Player(){
this.sprites={};
......
}
Player.prototype.loop=function(){
....
}
var player1=new Player();
var player2=new Player();
player1.loop();
player2.loop();// this should work better

Это на самом деле не отвечает на ваш вопрос, но это альтернативный способ написания кода чище и лучше.