回调函数中的this值为undefined

display.on('change', this.screenChange.bind(this));

display.on('change', ()=>{
  this.screenChange()
});

一、display.on('change', this.function)的潜在问题

作用域丢失风险
直接传递 this.function作为回调时，方法内的 this可能不再指向当前类实例。在事件触发时，若未显式绑定作用域，this可能指向全局对象或 undefined，导致访问类成员时出错。

class Example {
  private data = 0;
  handleChange() {
    console.log(this.data); // 可能报错：this.data 为 undefined
  }
  registerEvent() {
    display.on('change', this.handleChange); // this 未绑定
  }
}
需手动绑定作用域
若必须使用类方法，需通过 .bind(this)显式绑定：

display.on('change', this.handleChange.bind(this)); // 正确绑定 this
二、display.on('change', () => {})的优势

自动绑定作用域
箭头函数 (() => {}) 会继承外层作用域的 this，确保回调内的 this始终指向当前类实例，避免作用域丢失问题：

display.on('change', () => {
  this.handleChange(); // this 正确指向类实例
  this.data = 100;     // 可安全访问类成员
});
灵活性更高
箭头函数允许在回调内直接编写逻辑或调用多个方法，无需额外封装：

display.on('change', () => {
  this.updateData();
  this.refreshUI();
});