绑定事件监听器传参时，如何保留事件目标为this指向？

嘿，这个问题刚好戳中了bind的核心特性——硬绑定，直接给你明确结论：

仅用bind来预传参数的话，没办法保留事件目标作为this指向。

原因很简单：Function.prototype.bind()的本质就是创建一个新函数，把这个新函数的this给永久锁定成你传入的第一个参数。哪怕你传null或undefined，严格模式下this就固定是null/undefined，非严格模式下会自动 fallback 到全局对象window。

而事件触发时，浏览器原本会把监听器函数的this自动设为事件目标元素，但这个规则干不过bind的硬绑定——硬绑定的优先级是最高的，后续调用时的上下文根本没法修改它。

举个直观的例子验证：

function logThis() {
  console.log(this);
}
const btn = document.getElementById('my-button');
// 普通绑定，this指向按钮元素
btn.addEventListener('click', logThis);
// bind后的函数，this固定为null（严格模式下）
btn.addEventListener('click', logThis.bind(null));

点击按钮时，第一个监听器会输出按钮元素，第二个就会输出null（严格模式下）。

所以回到你的场景：如果只靠bind来预传3和7，那this就不可能指向按钮了——硬绑定已经把它锁死了。这不是用法问题，是bind本身的设计特性哦。

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