相关疑难解决方法(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万
查看次数

为什么不将`''..(简单)直接传递给`[] .map()`的回调工作?

我有一个字符串数组.我想修剪数组中的每个字符串.

我想用[].map()''.trim()会工作...

[' a', ' b   ', 'c'].map(String.prototype.trim);
Run Code Online (Sandbox Code Playgroud)

......但我的控制台说......

TypeError:String.prototype.trim在null或undefined上调用

jsFiddle.

我在数组中看不到任何nullundefined值.

String.prototype.trim()Array.prototype.map()在Chrome 17中定义,我正在测试.

为什么这不起作用?我觉得我忽略了一些显而易见的事情.

我意识到我可以在那里循环或删除一个函数.然而,这不是这个问题的重点.

javascript

25
推荐指数
3
解决办法
6084
查看次数

标签 统计

javascript ×2

callback ×1

this ×1