设置内部对象javascript的字段值

Question

我有一个叫做light的类，它通过ajax加载其状态：

function Light(name, channel, type, state) {
this.name = name;
this.channel;
this.type=type;
this.state = state;   //0=off  1=on
this.turnOn = function () {
    this.state = 1;
    $('#luce-' + name).attr('src', controlImagePath + '' + type + '100.png');
}
this.turnOff = function () {
    this.state = 0;
    $('#luce-' + name).attr('src', controlImagePath + '' + type + '00.png');
}
this.toggle = function () {
    if (this.state == 0) this.turnOn();
    else this.turnOff();
}
this.checkState = function () {
    var result;
    $.jsonp({
        callback: "callback",
        url: 'http://' + serverAddress + ':' + serverPort + '/GetChannelValueAsJsonp?channelName=' + channel + '&callback=?',
        success: function (data) {
            if (data > 0) {
                 this.turnOn();
            } else {
                 this.turnOff();
            }
        },
        error: function (xOptions, textStatus) {
            console.log("error");               
        }
    });
}

}

它不断给出错误：

Uncaught TypeError: Object #<Object> has no method 'turnOn'

我怀疑这是因为成功功能超越了Light范围。 如何从另一个功能范围引用对象？
我会用Java的IE浏览器执行Light.this.turnOn（）...如何使用javascript？
谢谢！

Answer 1

XHR回调函数中的this引用jQuery / XHR对象。 您必须将this关键字保存在变量中：

this.checkState = function () {
    var result;
    var $this = this;  //Saving `this`
    $.jsonp({
        callback: "callback",
        url: 'http://' + serverAddress + ':' + serverPort + '/GetChannelValueAsJsonp?channelName=' + channel + '&callback=?',
        success: function (data) {
            if (data > 0) {
                 $this.turnOn(); //Referring to `this` through $this`
            } else {
                 $this.turnOff();
            }
        },
        error: function (xOptions, textStatus) {
            console.log("error");               
        }
    });
}