JavaScript原型方法中this默认指向调用它的实例对象，但需避免提取后调用导致丢失；可通过bind、箭头函数封装、构造函数预绑定或类字段箭头函数确保this正确。
在 JavaScript 中，原型方法里的 this 默认指向调用它的实例对象——只要调用方式正确，就天然可用，无需额外“获取”。关键在于避免常见的 this 绑定丢失场景。
确保方法被实例正常调用（非提取后调用）
原型方法只有通过 obj.method() 形式调用时，this 才指向 obj。如果把方法单独提取出来（如传给回调、定时器或事件监听器），this 会丢失，变成 undefined（严格模式）或全局对象。
- ❌ 错误：赋值后调用 →
const fn = instance.sayName; fn(); // this 指向错误 - ✅ 正确：保持调用上下文 →
instance.sayName(); // this 指向 instance - ✅ 补救：用
bind、箭头函数或包装函数固定this：setTimeout(instance.sayName.bind(instance), 100);
或setTimeout(() => instance.sayName(), 100);
在构造函数中预先绑定关键方法（适合事件/回调场景）
如果某个原型方法大概率会被当作回调使用（比如按钮点击、Promise 回调），可在构造函数里用 bind 绑定到当前实例，一劳永逸。
function Person(name) {<br> this.name = name;<br> this.handleClick = this.sayName.bind(this); // 预绑定<br>}- 之后可安全传递：
button.addEventListener('click', person.handleClick);
用箭头函数封装（仅适用于需访问实例属性的内联逻辑）
箭头函数不绑定自己的 this，而是继承外层作用域的 this。因此，在实例方法内部定义箭头函数时，它能自然捕获当前实例。
立即学习“Java免费学习笔记（深入）”；
Person.prototype.delayedGreet = function() {<br> setTimeout(() => {<br> console.log(`Hello, ${this.name}`); // this 正确指向实例<br> }, 100);<br>};- 注意：不能用箭头函数重写整个原型方法（因为箭头函数没有
this绑定机制，无法替代普通函数作为原型方法）
现代替代方案：类字段 + 箭头函数（ES2022+ 推荐）
用类语法配合字段声明和箭头函数，让每个实例自带已绑定的方法，语义清晰且无绑定烦恼。
class Person {<br> constructor(name) { this.name = name; }<br> sayName = () => console.log(this.name); // 自动绑定到实例<br>}- 这样
person.sayName无论怎么提取、传递，this始终正确
