我确信以下两个陈述归结为同一件事。但是在将第一个语句重构为第二个语句后，我破坏了我的应用程序。
const myReader = new DataReader(line => this.onStdOutLine(line));
process.stdout.on('data', (data) => myReader.processData(data));
const myReader = new DataReader(line => this.onStdOutLine(line));
process.stdout.on('data', myReader.processData);
为什么这两个不是一回事？
this这些箭头函数中没有，所以它看起来无害。至于 DataReader 类本身：
type DataReaderCallback = (msg: string) => any
export class DataReader {
private _buffer = "";
constructor(private listener: DataReaderCallback = null) {
}
processData(data) {
// remove carriage returns.
data = data.toString().replace(/\r/g, '');
this._buffer += data;
// get only the complete data.
const lastNewlineIndex = this._buffer.lastIndexOf('\n');
if (lastNewlineIndex < 0) return;
if (this.listener != null) {
// split data in lines
const completeData = this._buffer.slice(0, lastNewlineIndex);
const lines = completeData.split('\n');
for (const line of lines) {
// notify listener line by line.
this.listener(line);
}
}
// remove processed data from the buffer.
this._buffer = this._buffer.slice(lastNewlineIndex + 1);
}
}
至于 DataReader 类本身……
它确实使用this，例如this._buffer += data;
所以需要调用的代码需要processData确保这myReader是this它的价值。
箭头函数通过将其调用为myReader.processData(data).
如果将该processData函数作为参数传递给 ，on则事件处理代码不会在myReader. 它甚至不知道myReader存在。
如果你想移除箭头函数，那么你必须做一些其他的事情来维护myReader.
您可以使用函数表达式，或bind.
process.stdout.on('data', function (data) {
myReader.processData(data);
});
process.stdout.on('data', myReader.processData.bind(myReader));
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句