相关疑难解决方法(0)

如何在回调中访问正确的`this`?

我有一个构造函数,它注册一个事件处理程序:

function MyConstructor(data, transport) {
    this.data = data;
    transport.on('data', function () {
        alert(this.data);
    });
}

// Mock transport object
var transport = {
    on: function(event, callback) {
        setTimeout(callback, 1000);
    }
};

// called as
var obj = new MyConstructor('foo', transport);
Run Code Online (Sandbox Code Playgroud)

但是,我无法data在回调中访问已创建对象的属性.它看起来this并不是指创建的对象,而是指另一个对象.

我还尝试使用对象方法而不是匿名函数:

function MyConstructor(data, transport) {
    this.data = data;
    transport.on('data', this.alert);
}

MyConstructor.prototype.alert = function() {
    alert(this.name);
};
Run Code Online (Sandbox Code Playgroud)

但它表现出同样的问题.

如何访问正确的对象?

javascript callback this

1309
推荐指数
12
解决办法
36万
查看次数

Javascript setInterval和`this`解决方案

我需要this从我的setInterval处理程序访问

prefs: null,
startup : function()
    {
        // init prefs
        ...
        this.retrieve_rate();
        this.intervalID = setInterval(this.retrieve_rate, this.INTERVAL);
    },

retrieve_rate : function()
    {
        var ajax = null;
        ajax = new XMLHttpRequest();
        ajax.open('GET', 'http://xyz.com', true);
        ajax.onload = function()
        {
            // access prefs here
        }
    }
Run Code Online (Sandbox Code Playgroud)

我如何访问this.prefs ajax.onload

javascript this setinterval

61
推荐指数
5
解决办法
3万
查看次数

在事件处理程序中访问事件对象

当我尝试使用以下参数附加事件处理函数时:

myhandle.onclick = myfunction(param1,param2);

function myfunction(param1,param2){
}
Run Code Online (Sandbox Code Playgroud)

现在我想在我的处理函数中访问事件对象.网络上提到了一种发送事件对象的方法,例如:

myhandle.onclick = myfunction(event,param1,param2);
Run Code Online (Sandbox Code Playgroud)

但是当我测试它时,它给出的事件对象是未定义的.

我知道库使这个东西变得容易,但我正在寻找一个原生的JS选项.

javascript javascript-events

6
推荐指数
2
解决办法
4298
查看次数