开发者问题收集

自定义类中的本机 JS:“未捕获的 TypeError:无法设置未定义的属性‘innerHTML’”

2015-04-14
882

请原谅这个标题,我不太清楚问题是什么……我现在只能猜测。

这是我第一次尝试在 Javascript 中重用类。下面是它的精简版:

Countdown = function ( elementID ) {
  this.timer = null;
  this.output = '';
  this.element = document.getElementById(elementID) || document.getElementById('countdown');
}

Countdown.prototype.start = function () {
  this.timer = setInterval(this.run, 1000);
}

Countdown.prototype.run = function () {
  this.output = 'test';
  this.element.innerHTML = this.output; /* THE PROBLEM IS HERE */
}

Countdown.prototype.toCalculatedTime = function () {
  this.start();
}

var c = new Countdown();
c.toCalculatedTime();

console.log(c);

我收到错误:

Uncaught TypeError: Cannot set property 'innerHTML' of undefined"

在指定的行。

首先,是的,有一个 ID 为“countdown”的元素。我尝试在标记和类中更改元素的名称。我尝试在实例化此类时传递元素名称,但似乎没有什么区别。

我真的不知道该怎么做。在控制台中,我的类似乎构建得很好。

1个回答

错误表明 this.element 未定义。未定义的原因是因为 setTimeout 导致 run 在窗口范围内执行。您需要使用 bind 或闭包将范围绑定到此。

this.timer = setInterval(this.run.bind(this), 1000);

var that = this;
this.timer = setInterval(function(){ that.run(); }, 1000);
epascarello
2015-04-14