将事件处理函数挂载到构造函数的prototype上最稳妥，因其可被所有实例共享、正确访问this、便于维护更新；class语法中方法默认挂原型，但绑定DOM事件时仍需注意this指向。

直接挂到构造函数的 prototype 上是最稳妥的方式。事件处理函数本质上是普通方法，只要放在原型上，所有实例就能共享，且能正确访问 this 指向的当前实例。

用 prototype 显式添加事件方法

定义在原型上的函数可被所有实例复用，也方便统一维护和运行时更新：

• 构造函数后立即挂载：
  Person.prototype.handleClick = function(event) { console.log('点击了', this.name); };
• 多个方法可批量注入：
  Object.assign(Person.prototype, { handleClick() {}, handleInput() {} });
• 调用时确保绑定上下文（如用于 DOM 事件）：
  button.addEventListener('click', person.handleClick.bind(person)); 或使用箭头函数包装（注意：箭头函数本身不能挂原型，但可作为事件监听器的中间层）

class 语法中自然支持

ES6 class 的普通方法默认就挂载在原型上，无需额外操作：

arcgis-js

提供 ArcGIS Maps SDK for JavaScript 开发辅助，涵盖 2D/3D 地图视图、图层管理、数据可视化、空间分析等功能模块的参考和示例指导。

下载

• class Button { constructor(label) { this.label = label; } onClick(event) { console.log(this.label, '被点击'); } }
• const btn = new Button('提交');
btn.onClick === Button.prototype.onClick // true
• 绑定时仍需注意 this：推荐 button.addEventListener('click', () => btn.onClick()) 或 button.addEventListener('click', btn.onClick.bind(btn))

避免常见错误

挂载事件处理函数时，容易因作用域或引用问题导致行为异常：

• ❌ 不要在构造函数内用 this.handleClick = function() {...} —— 每个实例都存一份，浪费内存，且无法继承
• ❌ 不要在 prototype 上直接写箭头函数：
  Person.prototype.handleClick = () => { ... }; —— 箭头函数不绑定 this，无法访问实例属性
• ❌ 避免在 prototype 上挂载引用类型（如 prototype.handlers = []）—— 所有实例共用同一数组，易引发状态污染

验证是否真正共享

确认事件方法确实来自原型、而非实例自身：

• a.onClick === b.onClick // 应为 true
• a.hasOwnProperty('onClick') // 应为 false
• Object.getPrototypeOf(a).hasOwnProperty('onClick') // 应为 true