javascript - 如何从对象中调用方法中的变量？

Question

我正在尝试学习 javascript 中的 OOP。

我编写了以下代码来返回在某个邮件线程中花费的时间:

function mailThread(url) {
    this.timerIsOn = true;
    this.c = 0;
    this.url = url;
    this.timerCounter = function () {
        if(this.timerIsOn) { //doesnt get called??
            console.log('timerison');
            this.c = this.c + 1;
            console.log(this.c);
        } else {
            this.windowTimeOpen = this.c
        }
    }
    this.timerInterval = setInterval(this.timerCounter, 1000);
}

mailThread1 = new mailThread('test');

但是 this.timerIsOn 似乎返回 undefined 从而阻止计时器运行。我在这里做错了什么？

我还在以下 Fiddle 中对此进行了测试:http://jsfiddle.net/B5vt5/

Answer 1

问题在于，在名为timerCounter 的函数范围内，“this”指的是函数本身。这样做:

function mailThread(url) {
    var self = this;
    self.timerIsOn = true;
    self.c = 0;
    self.url = url;
    self.timerCounter = function () {
    if (self.timerIsOn) { //Using self instead of this
        console.log('timerison');
        self.c=this.c+1;
        console.log(self.c);
    } else {
    self.windowTimeOpen = self.c
    }
    }
    self.timerInterval = setInterval(self.timerCounter,1000);
}

mailThread1 = new mailThread('test');

我推荐你看看MDN introduction to OOP