在 javascript 对象字面量中，频繁使用 `this` 访问自身方法会降低可读性；可通过解构 + `bind(this)` 的方式将方法局部绑定到当前上下文，从而直接调用函数名，提升代码简洁性与可维护性。
在对象方法内部（如 printAll()）中反复书写 this.printApple() 不仅冗长，还容易因上下文丢失（如被误传为回调）导致错误。虽然不能像类中那样用箭头函数自动绑定 this，但我们可以借助 ES6 解构赋值 和 Function.prototype.bind 实现“伪局部变量式调用”。
✅ 推荐方案：解构 + 显式绑定
var fruits = {
apple: 'Apple',
pear: 'Pear',
banana: 'Banana',
getApple() { return this.apple; },
getPear() { return this.pear; },
getBanana() { return this.banana; },
printAll() {
// 步骤 1：从 this 解构出所需方法（此时仍是未绑定的引用）
let { getApple, getPear, getBanana } = this;
// 步骤 2：批量绑定 this，确保每个函数调用时 this 指向 fruits 对象
[getApple, getPear, getBanana] = [getApple, getPear, getBanana]
.map(fn => fn.bind(this));
// 步骤 3：直接调用，无需 this. 前缀
return `All Fruits: ${getApple()}, ${getPear()}, ${getBanana()}`;
}
};
console.log(fruits.printAll()); // "All Fruits: Apple, Pear, Banana"⚠️ 注意事项
- 不可省略 .bind(this)：解构后的方法会丢失原始 this 绑定（例如 let f = this.getApple; f() 将报错或返回 undefined），必须显式重绑定；
- 性能考虑：bind() 每次调用都会创建新函数，若 printAll 被高频调用，可考虑在对象初始化时预绑定（如构造函数或 Object.assign 阶段），而非每次执行都 map(bind)；
- 替代思路（进阶）：若逻辑复杂，建议改用 class 语法，天然支持 this 稳定性，或使用闭包 + 工厂函数封装私有作用域。
✅ 总结
该技巧不是为了“消灭 this”，而是通过一次性的上下文固化，换取方法调用阶段的语义清晰与书写简洁。它在保持对象字面量轻量特性的同时，显著改善了嵌套方法调用的可读性——尤其适用于配置对象、工具模块或小型状态容器等场景。
