Как получить setInterval для каждого объекта?

Question

Subj

У меня есть код Javascript, пример

var User = function(data){ 
    this.name = data.name; 
    this.delay = data.delay; 
    this.say(); 
} 

User.prototype.say = function(){ 
    _self = this; 
    setInterval(function(){ 
    console.log(_self.name); 
    }, this.delay * 1000); 
} 



var u1 = new User({name: "user1", delay: 10}); 
var u2 = new User({name: "user2", delay: 15}); 

u1 и u2 объект возвращает user2.

Как вернуть user1 через 10 секунд и вернуться user2 через 15 секунд?

Answer 1

Это происходит из-за того, как работают затворы. Вы не создаете новую копию _self для каждого setInterval, как вы думаете, потому что переменная находится в глобальной области, поэтому последняя создала перезаписывает первое значение.

Попробуйте это:

var User = function(data){ 
    this.name = data.name; 
    this.delay = data.delay; 
    this.say(); 
} 

User.prototype.say = function(){ 
    var _self = this; 
    setInterval(function(){ 
     console.log(_self.name); 
    }, this.delay * 1000); 
} 

var u1 = new User({name: "user1", delay: 10}); 
var u2 = new User({name: "user2", delay: 15}); 

Каждый вызов анонимной функции создает новую локальную область, которая является новой для каждого закрытия созданного в нем, и, таким образом, каждая сфера имеет свою ценность для _self при добавлении var перед этим.

Рассмотрите также документацию Bind().

Answer 2

Похоже, функция setInterval использует кешированную версию _self. Попробуйте сделать это:

var _self = this; 

Answer 3

Не использовать глобальные переменные. Марка _self местная:

var _self = ...;