Javascript setTimeout 和原型(prototype)

Question

我的任务非常简单，我需要两个工作人员运行。

var taskNum = 0;

function Task() {
  var me = this;
  this.name = '#' + ++taskNum;

  Task.prototype.run = function () {
   console.log(me.name);
   setTimeout(me.run, 1000);
  }
}

var t1 = new Task();
t1.run();
var t2 = new Task();
t2.run();

输出应该是 1,2,1,2，但它是: 1 2 1 2 2 2 2 2 2

这可以通过将“Task.prototype.run”更改为“this.run”来解决。但是可以通过不删除原型(prototype)来解决这个问题吗，因为我在复杂的解决方案中需要它？

Answer 1

这是因为您在构造函数本身内重写了 Task.protoype.run，并将新版本设置为使用最新的 me 变量。

构建类的更常见方法是:

var taskNum = 0;

function Task() {
  this.name = '#' + ++taskNum;
}

Task.prototype.run = function () {
  console.log(this.name);
  setTimeout(Task.prototype.run.bind(this), 1000);
}

var t1 = new Task();
t1.run();
var t2 = new Task();
t2.run();