Leaflet库.on方法回调函数中的this关键字指向什么？

• Leaflet的.on()方法事件处理函数中的this不会是undefined，它会指向触发该事件的Leaflet对象实例（比如地图L.Map、标记点L.Marker、图层L.Layer等）。
• 不同于原生addEventListener绑定DOM元素时this指向DOM节点，Leaflet自己实现了一套事件系统，内部会通过绑定上下文的方式（比如bind）确保处理函数中的this指向对应的Leaflet实例，方便直接调用实例的方法或访问属性。

举个实际代码示例：

// 初始化地图
const map = L.map('map-container').setView([39.9042, 116.4074], 12);

// 绑定地图点击事件
map.on('click', function(e) {
  console.log(this); // 输出: L.Map 实例对象
  console.log(this.getZoom()); // 直接通过this调用地图实例的方法
});

再对比原生DOM事件的this行为：

const domMap = document.getElementById('map-container');
domMap.addEventListener('click', function(e) {
  console.log(this); // 输出: <div id="map-container"> DOM节点
});

简单总结：Leaflet的事件系统刻意保持了和原生事件类似的上下文逻辑，但适配了自身的对象模型，让this指向更贴合Leaflet开发场景的实例对象，而非DOM元素。

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