自定义类中的本机 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