原型方法的this由调用方式决定而非定义位置；隐式调用（如p.sayname()）自动绑定this为对象p，但赋值或回调中易丢失；推荐用箭头函数包装、构造函数中bind或类字段语法绑定，避免在原型上直接bind。
原型对象上的方法本身不自带固定 this，它的上下文完全取决于**怎么调用**，而不是定义在哪。所以“绑定正确上下文”不是给原型方法加个修饰，而是确保它被调用时 this 指向你期望的那个实例对象。
关键：调用方式决定 this，不是定义位置
比如：
function Person(name) {
this.name = name;
}
Person.prototype.sayName = function() {
console.log(this.name); // this 必须是 Person 实例
};
const p = new Person('Alice');
p.sayName(); // ✅ 正确：this → p
这里能正常工作，是因为 p.sayName() 是“隐式调用”——点号左边是对象 p，所以 this 自动绑定为 p。
但一旦脱离这个调用形式，this 就容易丢失：
-
const fn = p.sayName; fn();→this变成undefined（严格模式）或window -
setTimeout(p.sayName, 100);→ 同样丢失this -
button.addEventListener('click', p.sayName);→ 点击时this是button元素
常用绑定方案（按推荐顺序）
1. 使用箭头函数包装（最轻量，适合事件回调）
在注册回调时用箭头函数保持外层 this：
button.addEventListener('click', () => p.sayName());setTimeout(() => p.sayName(), 100);
2. 在构造函数中提前 bind（适合需多次复用的场景）
把方法绑定到实例上，避免每次调用都重新绑：
-
this.sayName = this.sayName.bind(this);放在Person构造函数里 - 之后
const fn = p.sayName; fn();依然能访问p.name
3. 使用类字段语法（ES2022+，现代写法）
本质是自动绑定的箭头函数：
-
sayName = () => { console.log(this.name); };写在 class 内部 - 无需手动 bind，每个实例都自带已绑定的方法
不建议的做法
在原型方法内部用 bind 或箭头函数：
比如 Person.prototype.sayName = function() {}.bind(this) —— 这里的 this 是全局对象，没意义；原型方法本身没有执行上下文，this 在定义时还未确定。
每次调用都临时 bind：
如 button.onclick = p.sayName.bind(p); —— 每次都会新建函数，影响性能和事件移除（removeEventListener 无法匹配）。
核心就一条：让原型方法被调用时，前面有明确的对象引用；否则，就用 bind / 箭头函数 / 类字段提前锁定 this。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
