JavaScript提供call、apply、bind三种方式动态改变多个函数的this上下文：call/apply用于一次性调用并传参，bind预设this生成可复用新函数，箭头函数继承外层this，还可封装bindAll批量绑定。
在同一个作用域内动态改变多个函数的 this 执行上下文，核心是**不修改函数本身，而是控制每次调用时绑定的 this 值**。JavaScript 提供了三种标准方式：call、apply 和 bind，它们都适用于任意函数，且可在同一作用域中统一处理多个函数。
用 call 或 apply 临时切换 this
适合一次性调用，需要显式传参，且希望不同函数复用同一个上下文对象。
-
func.call(context, arg1, arg2, ...)—— 参数逐个传入 -
func.apply(context, [arg1, arg2, ...])—— 参数以数组形式传入 - 多个函数可共享同一
context对象，比如一个配置对象或 DOM 元素
例如：
const context = { name: 'Alice', age: 30 };
function greet() { return `Hello, ${this.name}`; }
function getAge() { return this.age; }
<p>console.log(greet.call(context)); // "Hello, Alice"
console.log(getAge.call(context)); // 30</p>用 bind 预设 this 并复用新函数
适合需要多次调用、且每次都保持相同 this 的场景。它返回一个新函数，this 被永久绑定，后续调用无需重复指定。
立即学习“Java免费学习笔记（深入）”；
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
const boundFunc = func.bind(context)- 多个函数可分别绑定到同一
context，生成多个“专属版本” - 绑定后的新函数可传递、存储、事件监听器中使用，
this不会丢失
例如：
const user = { id: 101, role: 'admin' };
function logId() { console.log(this.id); }
function checkRole() { return this.role === 'admin'; }
<p>const logged = logId.bind(user);
const checked = checkRole.bind(user);</p><p>logged(); // 101
console.log(checked()); // true</p>用箭头函数避免 this 绑定问题（间接方案）
箭头函数没有自己的 this，它继承外层作用域的 this。如果多个函数逻辑相关、共用同一外部上下文，可将其定义为箭头函数，天然共享外层 this。
- 适用于类或对象方法内部的回调函数（如定时器、事件监听）
- 注意：不能用
call/apply/bind改变箭头函数的this - 本质是“不绑定”，而非“动态改”，但常作为更简洁的替代方案
例如：
const obj = {
value: 42,
init() {
const fn1 = () => console.log(this.value); // 继承 init 的 this
const fn2 = () => console.log(this.value * 2);
<pre class='brush:php;toolbar:false;'>fn1(); // 42
fn2(); // 84} }; obj.init();
批量绑定工具函数（实用封装）
若需对一组函数统一绑定同一上下文，可写一个简单工具函数，减少重复代码。
- 接收上下文对象和函数数组，返回绑定后的新函数数组
- 适用于初始化阶段集中处理多个事件处理器或 API 方法
例如：
function bindAll(context, fns) {
return fns.map(fn => fn.bind(context));
}
<p>const actions = [save, deleteItem, updateStatus];
const boundActions = bindAll(this, actions);
// boundActions[0]() 等价于 save.call(this)</p> 
