JavaScript 类继承

Question

谁能告诉我为什么我的“showDiv_boo”在类的方法中未定义？我也无法访问我的类的方法。

这是我的“Blink”类及其属性和方法:

function Blink(div) {
    this.div = div
}
Blink.prototype.counter = 0
Blink.prototype.showDiv_boo = true
Blink.prototype.showDiv = function() {
    this.div.style.visibility = 'visible'
}
Blink.prototype.hideDiv = function() {
    this.div.style.visibility = 'hidden'
}
Blink.prototype.startEngine = function() {
    if (this.showDiv_boo) {
        this.showDiv()
    } else if (!this.showDiv_boo) {
        this.hideDiv()
    }
    this.showDiv_boo = !this.showDiv_boo
    this.counter++
}
Blink.prototype.startEffect = function() {
    this.idEffect = setInterval(this.startEngine, 1000 / 45)
}

所以，如果我创建:

_blink = new Blink(myDiv);
_blink.startEffect();

您可以测试...变量“showDiv_boo”在方法内未定义。

甚至，如果我将方法内的 showDiv_boo 设置为 true，它也不会调用我的类的方法 showDiv 或 hideDiv。

有人吗？

谢谢:)

Answer 1

原因是 startEngine 是从 setInterval 调用的。调用此回调的方式会导致 startEngine 的 this 值与 startEffect 不同。您需要保存 this 以便在回调中维护它。例如。

Blink.prototype.startEffect = function () { 
  var self = this;
  self.idEffect = setInterval(function () { self.startEngine(); }, 1000 / 45);
};