Javascript setTimeout和原型

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 2

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

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(); 

Answer 2

在JavaScript中，没有变量范围，例如public，private等。 所以执行第二个新Task（）行后， 我的对象被覆盖了，这就是为什么要获取该输出的原因

您可以先创建两个对象，然后调用run方法来确认这一点

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

现在您将获得类似2 2 2 2 2 .....的输出。

要解决此问题，您可以像下面这样在运行函数中将Task对象作为参数传递：

t1.run(t1);

然后将您的原型运行功能更改为

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

未经测试，但很可能会工作