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

AG-GRID 值格式化程序不适用于动态生成的货币

我正在尝试在 AG-GRID 表中使用值格式化程序来显示货币信息。

当我在格式化程序中有一个硬编码值(在本例中为“欧元”的 unicode)时,这非常有效

currencyFormatter(params) {
  return '\u20ac' + params.value;
}
Run Code Online (Sandbox Code Playgroud)

但是,我事先不知道需要用什么货币来格式化数据,因为它是动态生成的。如果我尝试使用我的组件中可用的值(如下所示),它不喜欢它!

currencyFormatter(params) {
  return this.currencyUnicode + params.value;
}
Run Code Online (Sandbox Code Playgroud)

它在控制台中抛出的是:

TypeError: Cannot read property 'defaultCurrency' of undefined
Run Code Online (Sandbox Code Playgroud)

似乎所有“this”组件变量在currencyFormatter 中都不可用。有办法让这项工作发挥作用吗?

ag-grid ag-grid-angular

1
推荐指数
1
解决办法
3458
查看次数

标签 统计

ag-grid ×1

ag-grid-angular ×1

callback ×1

javascript ×1

this ×1