旧款iOS设备滚动动画报错：类字段初始化语法兼容方案咨询

你遇到的错误是因为类字段声明语法（listeners = {}这种直接在类内定义实例属性的写法）在2019年及更早的旧款iOS设备的JavaScript引擎中不被支持——这类语法属于较新的ES标准（ES2022），而旧版本的WebKit引擎（旧iOS设备内置的浏览器/JS环境）还未实现该特性，因此触发语法错误。

修改方法 #

把实例属性的初始化逻辑移到类的constructor构造函数内，这是ES6类的标准兼容写法，旧iOS设备完全支持：

class EventEmitter {
  constructor() {
    // 在构造函数中初始化实例属性
    this.listeners = {};
  }

  addListener(eventName, fn) {
    this.listeners[eventName] = this.listeners[eventName] || [];
    this.listeners[eventName].push(fn);
    return this;
  }
}

原理说明 #

constructor是类的构造方法，在每次实例化类时都会自动执行，在这里初始化this.listeners是ES6规范定义的标准写法，所有支持ES6类的旧JS引擎都能正确解析执行，从而消除语法错误。

内容的提问来源于stack exchange，提问作者steph