时间戳

首页 > 解决方案 > 为什么我不能消除这个箭头功能？

javascript - 为什么我不能消除这个箭头功能？

问题描述

我确信以下两个陈述归结为同一件事。但是在将第一个语句重构为第二个之后，我破坏了我的应用程序。

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);
  }
}

标签： javascripttypescriptarrow-functions

解决方案

至于 DataReader 类本身……</p>

它确实使用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));

推荐阅读